JavaScript基础语法

转载 2019-10-01 20:37

JavaScript基础总结

一、JavaScript的组成:

(1) ECMAScript————Javascript语法
(2) DOM————页面文档对象模型
(3) BOM————浏览器对象模型

二、JavaScript输入输出语句

(1) alert(msg)————浏览器弹出警示框
(2) console.log(msg)————浏览器控制台打印输出信息
(3) prompt(info)————浏览器弹出输入框,用户可以输入

三、JavaScript变量

//声明变量
var age;
//赋值
age = 10;
//注意:
(1) JavaScript是弱类型语言,它的变量类型是根据赋值数据的类型决定的,默认为undefined(表示未定义)

四、JavaScript数据类型

Number————数字型,包含整型值和浮点型值。
Boolean————布尔型,如:true、false等价于1和0.
String————字符串类型。如:”张三”
Undefined————表示未定义类型
Null—————表示了声明变量值为空值
// 判断非数字的方法
isNaN();
// 检测获取字符串长度
var str ‘abcdefg’;
console.log(str.length);
//获取变量的数据类型
var num = 10;
console.log(typeof num);

五、JavaScript数据类型转换

//转换为字符串类型
1、 var num = 10;
var str = num.toString();
2、 var str1 = String(num);
3、 console.log(num + ‘’)
//转换数字型
var age = ‘19’;
(1) console.log(parseInt(age));
console.log(parseInt(120px));//去掉单位
parseInt(变量) 得到的只能是整数
(2) parseFloat(‘3.14’);
parseFloat() 小数可以保留
(3) console.log(Number(‘34’));
(4) console.log(‘12’-0);//12
console.log(‘123’-‘120’);
console.log(‘120’*1);
//转换为布尔值
console.log(Boolean(0));
console.log(Boolean(12));
代表空、否定的值会被转换为false,如’’、0、NaN、null、undefined,其余都会转换为true。

六、JavaScript标识符、关键字、保留字

(1) 标识符——就是指开发人员为变量、属性、函数、参数取得名字。
(2) 关键字——Js本身已经使用了的字,不能再用它们充当变量名、方法名。
(3) 保留字——实际是预留关键字

七、JavaScript运算符

算术运算符

+(加)、-(减)、*(乘)、/(除)、%(取模).

赋值运算符

递增递减运算符

++(递增)、–(递减)

比较运算

<(小于)、>(大于)、>=、<=(大小于或等于)
==(判等号)、
!=(不等)、=== (全等)、!=(不相等)、!==(不全等)

逻辑运算符

&&(逻辑与:当两端条件,满足一端时,结果为true,否则为false)
||(逻辑或:当两端条件,同时满足时,结果为true,否则为false)

位运算算符

八、JavaScript数据类型

数据类型的概念

1、在编程过程中,数据类型是重要的概念。
2、为了能够操作变量,了解数据类型是很重要的。
3、如果没有数据类型,计算机就无法安全地解决这道题:
4、注意:JS是一门弱类型的编程语言,它的类型是根据所赋的值决定的。

JS 基本数据类型有哪些?

1、字符串(String)
2、数值  (number)
3、布尔值(boolean)
4、数组值(var[] p = 数据)
5、空值(null)
6、Undefined值(var u;)

JS是一门弱类型的编程语言,它的类型是根据所赋的值决定的。

var 变量 = 具体数据(复制的数据类型决定了变量的数据类型)
var 变量;(为赋值的变量默认为undefined)

undefined和null区别

Undefined 与 null 的值相等,但类型不相等。
例:
typeof undefined              // undefined
typeof null                   // object
null === undefined            // false
null == undefined             // true

typeof 关键字

作用: 运算符可返回原始类型
例:
typeof "Bill"              // 返回 "string"
typeof 3.14                // 返回 "number"
typeof true                // 返回 "boolean"
typeof false               // 返回 "boolean"
typeof x                   // 返回 "undefined" (假如 x 没有值)

复杂数据类型

typeof 运算符可返回以下两种类型之一:
1、function
2、object
例:
typeof {name:'Bill', age:62} // 返回 "object"
typeof [1,2,3,4]             // 返回 "object" (并非 "array",参见下面的注释)
typeof null                  // 返回 "object"
typeof function myFunc(){}   // 返回 "function"

八、JavaScript函数

概念:JavaScript 函数是被设计为执行特定程序的代码块,函数会在某些代码调用时被执行。

JavaScript函数语法

funtion 函数名(参数1,参数2){
    //函数体
    return 返回值;
}
----------------------------
1、JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。
2、函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。
3、参数要用","隔开

JavaScript函数的调用

函数中的代码将在其他代码调用该函数时执行:
当事件发生时(当用户点击按钮时)
当 JavaScript 代码调用时
自动的(自调用)

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×