JavaScript基础要点
一、值和类型及运算
JavaScript中的六种基本值类型
数字(number)、字符串(string)、布尔值(boolean)、对象(object)、函数(function)、未定义类型(undefined)。
NaN
NaN是number类型,但我们用它来表示 “非数值” 。这样来理解它:对于一个期望返回number类型值的运算,但js却对表达式中的运算过程很困惑,于是就返回了一个NaN(not a number)给你,用来告诉你这个运算是非法的,结果是不精确的或毫无意义的。
在js中只有一个值不等于其自身,这个值就是NaN!
console.log(typeof NaN); console.log("string" - 1) console.log(NaN == NaN)
-------------------------------------------
number
NaN
false
变量
我们可以把变量想象成许多的触须,而不是一个箱子。变量中并不包含值,而是会引用这些值。
字符串
在对字符串进行比较时,JavaScript按照从左到右逐个比较每个字符对应的ASCII码值。
强制类型转换
当运算符作用在错误类型的值上时,JavaScript会自动将其转换成自己期望的值,这种操作称为强制类型转换。
逻辑运算符的短路特性
对于或运算符 || ,从左到右遇见第一个true就发生短路,对于与运算符 && ,从左到右遇见第一个false就发生短路。短路之后立刻就返回这个短路值,不再进行计算后面的表达式。
null 和 undefined
对于 == 运算,如果运算符两侧存在null或undefined,那么只有两侧均为null 或undefined时,结果才为true。
console.log(null == 0) console.log(null == undefined)
-------------------------------------------
false
true
二、函数
定义
定义一个函数就是定义一个普通的变量,只不过变量的类型是函数(function)。例如,下面的代码定义了一个变量square,引用了一个函数:
var square = function(x){ return x * x; } console.log(square(12));
---------------------------------------
144
和大多数编程语言一样,JavaScript也可以这样声明函数:
function square(x){ return x * x; } console.log(square(12));
---------------------------------------
144
可以在任何位置调用已经声明的函数。这是因为,当代码执行时,函数的声明会被移到其作用域的顶端,所有作用域内的函数调用都不会有任何问题。并且在JavaScript中,函数可以嵌套定义。
参数 和 作用域
在函数内部创建的变量和参数,都属于函数的局部变量。
var x = 0; var test = function(x){ x = 1; } console.log(x); //可以看到全局变量中x的值并未改变
---------------------------------------
0
JavaScript对传入函数的参数数量没有限制。如果有多余的参数,则它们会被忽略掉;未传入实值的参数,会被赋值为 undefined。
创建一个匿名函数并立刻执行的语法
要用小括号把函数的定义括起来。例如:
(function() { console.log("Hello"); })();
如果写成下面这样,将会报错:
function() { console.log("Hello"); }(); // SyntaxError
对于有参数的匿名函数可以这样写:
var x = (function(x) { return x*x; })(3); console.log(x); // 9
三、对象类型:object
对象
object类型的值可以存储任意类型的属性,我们可以随意增删这些属性。一种创建对象的方法是使用花括号{}:
/*
属性之间用逗号分隔,属性定义方式是 propName: propValue,
如果propName不是有效的变量名或数字,则需使用引号将其括起来
var me = { myName: "Mr Hu", myAge: 20, myHobby: ["English", "sing", "travel", "chat"], "I Love You": true, } console.log("my age is " + me.myAge); console.log("I Love You:" + me["I Love You"]); console.log("The type of me is: " + typeof me);
------------------------------------------------------------
my age is 20
I Love You:true
The type of me is: object
学过python的朋友会发现JavaScript中的对象和Python中的字典十分十分相似。
属性
在JavaScript中,几乎所有的值都有属性,但null和undefined没有。
访问属性的方法有两种:
- 使用 "."操作符,该操作符之后必须接一个合法的变量名,即属性名称。
- 使用 [],如果使用[],则JavaScript会将方括号中的表达式的返回值作为属性名称。
= 运算符
我们可以使用 = 运算符来给一个属性表达式赋值。如果该属性已经存在,那么新值将替换旧值;如果之前不存在该属性,则会自动创建该属性并赋予新值。
delete 运算符
我们可以使用 delete 运算符移除目标对象的指定属性。
四、语法
分号
JavaScript并不强制要求在每个语句的结尾加分号,浏览器中负责执行js代码的引擎会自动在每个语句之后加上分号,但这种情况可能会改变程序的语义,导致运行结果与我们的期望不一致。所以建议在每个语句后面手动加上分号。
代码编写规范
建议在循环语句或if语句中,无论其中执行体中是有一行代码还是多行代码,都将其包装在花括号中。
建议使用驼峰命名。