标记:
@书中错误勘正:错误记录
@此处: 待补充
chapter 1#
完整的js实现:核心(ECMAScript)+ 文档对象模型(DOM) + 浏览器对象模型 (BOM)
ECMAScript####
关于js的基础:语法,类型。。。
DOM
DOM不是针对js实现的,但是基于ECMAScript 实现 的DOM是js的一个重要部分。
DOM级别
- DOM1 文档结构
- DOM2 扩展,支持css
- DOM3 xml1.0
- 其他的: SVG ,MathML, SML
BOM
控制浏览器页面外的部分,浏览器的窗口框架。。。
- 弹出窗口
- 移动、缩放、关闭
- 浏览器各种信息
navigator详细信息
location加载页面的详细内容
screen显示器分辨率
cookie支持
支持ie XMLHttpRequest 的自定义对象
chapter 2
在HTML中使用js
6 属性
charset:定义字符集
language: 弃用
src: 外部文件连接
type: 一般可以不定义
defer: 让脚本延迟到文档完全被解析显示后执行,只限于外部文件. 使用:defer="defer"
有多个js defer文档一般是按顺序执行,但最好一个文档里面只有一个.
async:在客户端部分立即下载脚本,只限于外部文件. 不让页面等待脚本下载, 异步加载其他部分( 让html文档先加载其他部分)。 async = "async"
最好多个 scrip async之间互不依赖。
惯例:外部js文件使用 .js 扩展名. 但不是必须的. 因browser 不检查文件扩展名. 使用jsp php 生成js 代码,但是服务器通常还是需要看扩展名决定为响应应用哪种 MIME 类型. 如果不是用.js 扩展名.确保服务器能返回正确的 MIME类型.
带src的script 不应有额外的代码, 因为只执行外部文件.
script 应该放在body里面, 不然网页会因为先解析head中的js 而造成延迟的现象.
在XTML中的用法稍不同于HTML
chapter 3
注释多行建议
/*
*这是一个
*多行的注释。
*/
严格模式
处理不确定的行为,对不安全的行为判错。
在(js/ function)顶部 "use strict"
推荐模式:
if (test) {
alert("hahoo");
}
关键字
未掌握的
debugger
delete
instanceof
finally
typeof
void
with
保留字:最好不用为 标识符/ 属性名
@此处应有图片
一下代码执行没错,但不建议
var message = "hi"; message = 23;
数字
undefined
可区别空对象指针和 未经初始化的变量
但是, 在以下的代码中 返回结果一样.
var message; alert(typeof message); alert(typeof age );
null
表示空对象指针, 所以 typeof null
的返回值是object
Boolean
true/ false 对应 1 / 0. True / False 可用于标识符
false 的几种情况:
- ""
- 0
- NaN
- null
- undefined
@书本错误勘正
p25
age
undefined
alert(age)
undefined
number
八进制 070 十六进制 0xA
零 +0 == -0
// in chrome ff
parseInt("073")
73 //还是明确基数
var a = 1. ; //自动转整形
var a1 = 1.0; //自动转整形
var a2 = .1; // not recommand
var a3 = 3.2e7;
- 可设置数的返回有限,若超出范围将给对因变量自动转换成 Infinity/ -Infinity
可设置一下提醒
alert( isFinite(result));
- 不要使用一下形式的测试
if(a + b == 0.3) { alert( "you got 0.3") //以为加的结果往往不对 }
NaN
not a number
遇到NaN, 不影响其他代码
两点重要
- 任何涉及NaN的操作都返回NaN
NaN == NaN //false
- NaN 与任何值都不等
函数isNaN() , 尝试转换成数值, 能转换false
isNaN( NaN) isNaN("blue") // 以上true isNaN("10") //false isNaN(true) isNaN(10) isNaN(object)//适用于对象 @此处 后面应有补充
数字转换
函数1. 函数 Number()
- Boolean 1 / 0
- null 0
- undefined NaN
- string
-
- 只包含数值,直接转换
-
- 有效的浮点数形式 "1.2" --> 1.1
-
- 十六进制 "0xA" --> 10
-
- "" --> 0
-
- 其他 --> NaN
- 对象: 调用对象的valueOf()方法, 再按前面的规则
函数2.parseInt()
"" "blue342" "blue" --> NaN
" 123ds" --> 123
"12.3" --> 12
"13e3" --> @此处测试
函数3.parseFloat()
相比parseInt() 多了识别浮点数的能力
"12.3.3" --> 12.3
string
单引号、双引号
1.字符字面量 / 转移序列
- \n \t \b空格
- \r回车 \f进纸 \斜杠 ' 单引号
- \xnn 十六进制数对应的字符 \x41--“A”
- \unnnn 十六进制数对应的unicode字符
@书中错误勘正
text = "this is the : \u03a3"
- "this is the : Σ"
text.length
- 15 //unicode算一个
2.字符串
@书中错误勘正
可变
3.转换为字符串
- toString()
var age=11;
var ageString = age.toString();
数值 布尔值 对象 字符串 字符串都有, 但null undefined 没有
String()
不明确是否是 null undefined时-
- 若值由toString 方法,调用此方法。
-
- null/ undefined, 返回null/ undefined
alert(String(10));
...
//数字转字符串 可根据进制
var num = 10
undefined
num.toString()
"10"
num.toString(2)
"1010"
将某值转换成字符串 + ""
object
一组数据和功能的集合。new创建
var a = new Object(); //可以删除圆括号
Object 每个实例都具有一下属性和方法
- Constructor: 保存着用于创建当前对象的函数。 相当于上面代码块的object
- hasOwnProperty(* propertyname*):检查和给定的属性在当前对象实例中,是否存在
- isPrototypeOf(object): 检查传入的对象是否是另一个对象的原型
- propertyIsEnumerable(* propertyName*):检查给定的属性是否能够使用for-in语句来枚举
- toLocaleString();返回对象的字符串表示,该字符串与执行环境的地区对应
- toString(); 返回对象的字符串表示
- valueOf(); 返回对象的字符串、数值、布尔值表示。通常与 toString 的返回值相同。
操作符
不适用与null undefined,对象(先valueof()/ toString())
一元
++ --
p38
s1 = "2"
"2"
++s1// 前置,计算后赋值
3
s1 = "2"
"2"
s1++ //后置,计算前赋值
2
//左到右碰到+ 先做加 ,碰到s1先用s1
string
var s1 = "2"
s1 ++
2
var s1 = "df2"
s1 ++
NaN
Boolean
var b = false
b++
0
b
1
+ -
非数值,后台先Number()转换
···
var s1 = "02"
s1 = +s1 //2
var s2 = "02.5"
s2 = -s2 //-2.5
var s3 = "z2.5"
s3 = -s3 //NaN
var o = {
valueOf: function() {
return -1;
}
}
o = -o //1
···
位操作符
操作64位-> 32 ->....->64位
实际上"只"存在 32位
- 无符号
- 有符号 符号位1+整数位31. 负数:二进制补码
~25 //-26
25 & 3 //1
25 | 3 //27
25 ^ 3 //26
2 << 5 //64
64 >> 5 //2
-64 >> 5 //-2
-64>>> 5 //134217726
乘性操作符
乘法
NaN * 4
NaN
Infinity * 0
NaN
Infinity * 4
Infinity
Infinity * -4
-Infinity
Infinity * Infinity
Infinity
Infinity * -Infinity
-Infinity
-Infinity * -Infinity
Infinity
// 非数值 后台调用Number()
除法
含有无穷大小
Number.POSITIVE_INFINITY / 4
Infinity
4/Number.POSITIVE_INFINITY
0
3/ 0
Infinity
-Infinity / 4
-Infinity
Infinity / 4
Infinity
Infinity / Infinity
NaN
0 / 0
NaN
求模
Number.POSITIVE_INFINITY % 4
NaN
4 % Number.POSITIVE_INFINITY
4
Infinity % Infinity
NaN
Infinity % -Infinity
NaN
5 % 0
NaN
加性操作符
+0 > -0
false
+0 < -0
false
显示的结果都是 0
+0 == -0
true
4 + "fd"
"4fd" // 字符串拼接, 有一个不是(对象 / 布尔/ 数字) ,转换. null = "null" undefined = "undefined"
4 + 3
7
3+ "3"
"33"
关系操作符
字符串
"s" > "S"
true
5 == "5"
true
5 === "5"
false
null == undefined
true
true == 2
false
null == 0
false
undefined == 0
false
@书中错误勘正
p51
先转成数值比较
3< 23
true
"3"< "23"
false
3< "23"
true
"3"< 23
true
条件操作
var max = (5 > 3)?5:3
undefined
max
5
逗号
num = (3,2,5,6,3,1)
1
语句
label
label: for (var i=0; i< 5; i++){
if (i == 3){continue label;}
alert(i)} //0 1 2 4
for-in
使用前,确定 对象值非 null/ undefined
with
with (person) {
var qs = name; // 前缀 peroson. 后台统一给加上
var number = age // 定义的都是局部变量
}
严格模式下不允许, 因为大量使用with后 性能下降,调试困难, 不建议
函数
//object自带函数
Object {}
__proto__
:
Object
constructor
:
function Object()
hasOwnProperty
:
function hasOwnProperty()
isPrototypeOf
:
function isPrototypeOf()
propertyIsEnumerable
:
function propertyIsEnumerable()
toLocaleString
:
function toLocaleString()
toString
:
function toString()
valueOf
:
function valueOf()
__defineGetter__
:
function __defineGetter__()
__defineSetter__
:
function __defineSetter__()
__lookupGetter__
:
function __lookupGetter__()
__lookupSetter__
:
function __lookupSetter__()
get __proto__
:
function __proto__()
set __proto__
:
function __proto__()
函数返回值:要不始终返回一个值,要么永不返回。为了方便调试代码
严格模式中,参数 / 函数命名 != eval / arguments. 量参数同名不许
参数
不在乎参数个数 类型, 命名的参数只是为了阅读方便, 对于 程序而言非必须
传递的参数复制到内置的arguments数组里
function add() {
alert(arguments.length) //3
}
add(3,3,3)
没有重载
没有函数签名的特性
函数重复命名,后命名的函数起效