javascript

javascript

上古用法

document.write(\"This is a heading\");

点击这里

\u00A0type=\"text/javascript\"

document.getElementById(\"demo\").innerHTML=\"My First JavaScript Function\";

牢记js是不太靠谱的，设计上有很多漏洞，不要纠结一些奇怪的用法，记住最佳实践就可以。写程序时要避免歧义，不要在一些奇技淫巧上耗费时间。

基础

虽然分号是可选的，但一般都要有

执行顺序和页面加载顺序有关。浏览器拿到的是字节流，一边加载一边执行。

变量

数字（float、科学计数）、字符串、数组、对象、布尔、undefined、null

多声明

变量刚声明时是undefined

向未声明的 JavaScript 变量来分配值

全局变量与局部变量

NaN

数字：64位；浮点数不一定准确；八进制和16机制

对象

所有事物都是对象（但这里的对象和其他语言中的概念不同，有点像HashMap）。声明新变量时，可以使用关键词 \"new\" 来声明其类型，可用于强制类型转换

所有对象都可以动态增加属性和方法

但var test=\"\"; 这样声明的对象不能直接test.key=value，要用var test=new String(\"\");test.key=value; \u00A0数字和boolean同理，但一般没这么用的吧

后来才知道，ECMA定义了5种基本类型：Undefined、Null、Boolean、Number 和 String。这些变量是存在栈上，其他对象存在堆上。

ECMAScript 的 Boolean 值、数字和字符串的原始值的有趣之处在于它们是伪对象，尽量不要用，可能有各种奇怪问题

伪对象的意思是，这些类型还是原始类型，但在调用一些方法时，js引擎会隐式的做类型转换，所以可以有\"abc\".length这种用法，但不能\"abc\".key=\"value\"

声明数组可以new Array()或[]

声明对象可以new Object()或{}

很多时候对象和json等价。person.lastname或person[\"lastname\"]

对象也可以用所谓的构造函数初始化，但一般和原型方法混用

直接从普通的函数生成对象，是个很奇怪的设计。。。

可以这么理解：new Func()的原理就是先var tmp=new Object(); 然后tmp.constructor=Func(); tmp.constructor();tmp.__proto__=Func.prototype; 最后返回tmp

js是面向对象，但我感觉这种面向对象是因为函数可以赋值，是个意外，不是最初的设计意图。所以没有类，但有prototype。

typeof(null)返回object，typeof(undefined)返回undefined

值 undefined 并不同于未定义的值。但是，typeof 运算符并不真正区分这两种值

typeof(null)返回object其实是个历史错误，但一直沿用了。。。

当函数无明确返回值时，返回的也是值 \"undefined\"

值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的。alert(null == undefined);

尼玛。。。alert(NaN == NaN); \u00A0//输出 \"false\"

所有对象都由Object继承而来

公有的属性：contructor/prototype等等

instanceof

引用对象的属性时，必须使用 this 关键字，否则会被认为是全局变量

使用对象的属性、方法时，先在当前实例上查找，没有的话接着查prototype，递归直至Object，可用于模拟继承机制

本地对象和宿主对象

Global和Math

函数

可以匿名

return不一定要返回值，没有返回值的话，实际返回undefined

可以赋给变量

可以用 arguments 对象检测函数的参数个数

ECMAScript 不会验证传递给函数的参数个数是否等于函数定义的参数个数，遗漏的参数都会以 undefined 传递给函数，多余的函数将忽略

模拟函数重载

闭包

运算符

+

===，关键在于是否需要类型转换

delete/void

语句

for(var key in json)，遍历json，就是遍历对象

DOM

js可以操作所有html元素的结构、属性、样式、事件

很少直接用原生的js操作了

常用对象与方法

Number

parseInt/parseFloat/isNaN

String

for in 遍历

转义字符

substring/indexOf

自己写个StringBuffer

Date

可以直接比较

setTime/setDate \u00A0 myDate=setDate(myDate+5)

Array

concat/join/sort

Boolean

js中的boolean判断有很多奇葩。比如数字0、空字符串、NaN、null、对象

Math

正则

可用于string对象的一些方法

消息框：3种

setTimeout

操作cookie

Function

toString/length

越来越觉得js设计有缺陷，各种概念杂糅在一起

有一些函数是全局的，不属于任意对象

BOM

比较常用的：location

一些以后可能用到的

http://www.w3school.com.cn/js/pro_js_primitivetypes.asp

http://www.w3school.com.cn/js/pro_js_typeconversion.asp

http://www.w3school.com.cn/js/pro_js_operators_boolean.asp

http://www.w3school.com.cn/js/pro_js_operators_equality.asp

js的对象模型

js的对象模型比较奇怪，不要太纠结

所有对象都可以认为是基于函数生成的，类似new Object()这样，Object()/Array()/String()这些都是函数；也可以从自定义函数生成对象。

但同时函数自己也是对象。我只能认为函数对象和普通的对象不同，是两种对象，js引擎有特殊处理，否则逻辑上会陷入循环，解释不通。

会陷入纠结：对象是用函数定义的，但函数也是对象，那函数对象是用哪个函数定义的。。。追溯下去，类似先有鸡还是先有蛋

原型链：普通对象-构造函数的prototype-Object.prototype

原型链：函数对象-Function.prototype-Object.prototype