speaking of javasript

引用方法 Referring to methods

«Constructor».prototype.«methodName»()
Array.prototype.join()

Array.prototype.join() 指向array的方法join()，也就是说，JavaScript会把Array实例的方法存储在对象 Array.prototype 中。
JavaScript stores the methods of Array instances in the object Array.prototype.

Layer 3: Constructors—Factories for Instances

Constructors——实例工厂

一个 constructor 函数有点像是用来生产各种对象的工具。它只是一个普通的函数，但是其命名方式、创建和引用都有点不一样。
首先，这里共有3个对象， jane 和 tarzan 称为persons， 它们共享原型对象PersonProto。

var PersonProto = {
     describe: function() {
            return 'Person named' + this.name;
     }
};
var jane = {
     [[Prototype]]: PersonProto,
     name: 'Jane'
};

var tarzan = {
      [[Prototype]]: PersonProto,
      name:'Tarzan'
};

下面我们将这个原型转化成一个构造器-Person，通过构造器来创建实例 jane 和 tarzan:

function Person(name){
  this.name=name;}//创建一个构造函数Person，注意构造函数首字母为大写

Person.prototype.describe = function(){
return 'Person named' + this.name;};//Person.prototype是所有Person示例对象的原型

var jane = new Person('Jane');
jane.describe()
'Person named Jane'//
  • Person 被new调用的时候，成为一个constructor
  • 创建一个存在jane，其prototype=Person.prototype
  • 建立了data:通过Person接受一个对象为内置参数this，添加实例的属性jane
屏幕快照 2017-03-18 下午6.58.42.png
  • 函数Person 有一个属性prototype,Person.prototype=它的上一级原型图中为Person.prototype.
  • 其原型有一个属性叫constructor，Person.prototype.constructor=Person

Categorizing values :

两种方法：

typeof value

Returns a string describing the "type" of value.Here are some examples:

typeof true
'boolean'
typeof[ ]
'object'
下表列出了所有的返回结果

undefined 'undefined'

null 'object'--null 并不是对象，这是一个bug。

Function 'function'

All other normal values 'object'

(Engine-created value) js可以创建值，返回种类结果为任意字符串。

instanceof:

value instanceof Constr
It returns true if value is an object that has been created by the constructer Constr:
var b= new Bar(); //object created by constructor Bar
b instanceof Bar= true
{ } instanceof Object=true
[ ] instanceof Arrag = true

函数Boolean()，会把参数转为布尔值，可用来测试一个值是如何被翻译的：
Boolean(undefined)=false
Boolean(0)=false
Boolean({ }) =true
Boolean([ ]) =true

Binary Logical Operators

如果第一个运算对象满足条件，第二个就可以忽略。
比如：
false && foo()
true || foo()

此外，binary logical operators可以返回任意两者其中一个操作对象
对于and来说，第一个运算对象如果是false，那么return it. 如果不是，就返回第二个操作对象。
比如：
NaN && 'abc'=NaN
123 && 'abc'=''abc
对于or来说，第一个运算对象是truthy，那么返回第一个，否则就返回第二个。
'abc' || 123='abc'
'' || 123 =123

数字

javascript中所有的数字都是浮点数

1 === 1.0 =true

其中还有一些特殊数字

  • NaN (“not a number”)
    用户错误的值：比如

Number('xyz')=NaN

  • Infinity

3/ 0=Infinity

字符串

反斜杠backslash () 用于忽略掉后面的字符，比如：
'Did she say "Hello"?' "Did she say \"Hello\"?"

单个字符通过方括号来访问到，比如

var str = 'abc'; str[1]='b'

属性length用来计数一个字符串中字符的长度：比如

'abc'.length=3

字符串的操作符

  • 通过+连接，比如
 var messageCount = 3;
'You have ' + messageCount + ' messages' 
'You have 3 messages'```

- 多步联结字符串，使用 +=操作符：

var str = '';
str += 'Multiple ';
str += 'pieces ';
str += 'are concatenated.';
str
'Multiple pieces are concatenated.'


### 字符串的方法：
很多方法，以下是其中的一些例子：

'abc'.slice(1)
'bc'

'abc'.slice(1,2)
'b'

'\t xyz '.trim()//去掉whitespace
'xyz'

'abc'.indexOf('b')
1


### 声明
在javascript中条件和循环是以下的格式被引入：
1. 条件
一个if的声明配备一个then的子句，根据布尔值条件执行。
如果只有一个声明，可以不用braces，比如：

if (x>0)
return -x;

2. switch 声明
下面例子中fruit的值来决定执行哪个case:

switch(fruit){
case 'banana':
//...
break;
case 'apple':
//...
break;
default:
//...
}


3.循环for 循环格式：
> for (init;condition;post-iteration)
     statement

**init** 在循环开始被执行，每次循环之前**check 条件**，如果条件为FALSE，循环终止，每一次循环迭代之后执行**post-iteration**。

for (var i=o;i < arr.length; i++){
console.log(arr[i]);
}

以上示例打印出数列中所有的元素。

如果以上以**while循环**表达则为：

var i=o;
while(i<arr.length){
console.log(arr[i]);
i++;
}


4.do-while循环
当条件满足时do-while循环继续执行。条件在body之后，所有body至少被执行一次。

do {
//....
} while (condition);

在所有循环中：
- break离开循环
- continue 开始新的循环迭代

### 函数
定义函数的一种方式是 function declaration（函数声明）：

function add(param1, param2){
return param1 + param2;
}

call function调用函数：

add(6,1)
7

add('a','b')
'ab'



另一种定义add()的方式是assigning，即把一个函数表达式赋值给变量add:

var add=function(param1,param2){
return param1 + param2;
}

所以说，函数表达式(function expression)产生一个值，可以把它作为参数赋给其他的函数：

someOtherFunction(function(p1,p2){...});


###函数声明被悬置 Function Declarations Are Hoisted
也就是说，声明的变量会移动到当前域的开始，为此方便你把它引用到后面声明的函数中：

function foo() {
bar();//bar is hoisted
function bar (){
...
}
}


var 声明同样也可以被悬置，但由它赋的值却不能被悬置：

function foo() {
bar ();//not ok,bar 没有定义
var bar = function() {
//...
};
}

### 特殊的变量参数
在 JavaScript 中你可以使用任意数量的参数调用任意函数。
然而，这将使所有的参数存在，通过特殊的变量`arguments`。
函数中的参数就像一个数组，但没有数组的方法。

function f() {return arguments}
var args = f('a','b','c');
args.length
3
args[0]//read element at index 0
'a'


### 多余或缺失的参数
例子：

function f(x,y) {
console.log(x,y);
return toArray(arguments);
}


多余的参数会被忽略，但仍然属于arguments中。

f('a','b','c')
a b
['a','b','c']

缺失的参数会获得一个值=undefined:

f('a')
a undefined
['a']

f()
undefined undefined
[]

###可选的参数

function pair (x,y){
x=x || 0;
y=y || 0;
return [x,y];
}

**||或** 运算符中，如果第1个运算是真（真意味着不是null,undefined,etc.），就返回第一个运算符的值，否则返回第2个。

pair()//x=空，为假，返回第二个0；Y同理，也返回0
[0,0]
pair(3)//x=3，为真，返回第一个，3；Y为空，返回0
[3,0]
pair(3,5)//x=3，为真，返回第一个，3；Y为5，返回5
[3,5]

### 强制规定参数的数量

function pair(x,y){
if (arguments.length !=2){
throw new Error('need exactly 2 arguments');
}
...
}


### 把 arguments 转化为数组

function toArray(arrayLikeObject){
return Array.prototype.slice.call(arrayLikeObject);
}


---
### What Is Exception Handling?
对紧密耦合的声明分组。如果执行这些声明的时候，其中一个导致错误，那么剩下的声明就无法继续。
因此，我们需要对这些错误进行优雅地处理。
下面看一组代码（未经Exception Handling处理的）：

function processFiles(){
var fileNames = collectFileNames();
var entries = extractAllEntries(fileNames);
processEntries(entries);
}

function extractAllEntries(fileNames){
var allEntries = new Entries();
fileNames.forEach(function(fileName){
var entry=extractOneEntry(fileName);
allEntries.add(entry); //(1)
});
}
function extractOneEntry(fileName){
var file= openFile(fileName);//(2)
...
}
...

在(2)代码行中，最佳的报错方式是什么？显然，声明（1）不应该再被执行。但我们也不想要终止extractAllEntries()。
那么，我们可以略过当前文件，继续执行下一个。这里就可以用到exception handling了。

function extractAllEntries(fileNames){
var allEntries=new Entries();
fileNames.forEach(function(fileName){
try {
var entry = extractOneEntry(fileName);
allEntries.add(entry);
} catch (exception){//(2)
errorLog.log(' Error in ' + fileName, exception);
}
});
}
function extractOneEntry(fileName){
var file = openFile (fileName);
...
}

function openFile(fileName){
if (!exists(fileName)){
throw new Error('Could not find file ' + fileName); //(1)
}
...
}

关于 exception handling有两点：
1. 如果一个问题不能在它发生的地点被有效地处理，那么就给一个例外；
2. 找一个处理错误的地方：获得例外；


###throw //don't do this
throw 语法为：throw «value»

if(somethingBadHappened){
throw 'Something bad happened';
}

这样做的好处是，JavaScript可以在大部分引擎上自动加上一个堆栈跟踪stack trace.最简单的方式是使用内置的构造器 Error()：

if (somethingBadHappened) {
throw new Error('Something bad happened');
}

function getPerson(id){
if (id <0) {
throw new Error ('ID must not be negative: ' + id);
}
return {id :id};
}

function getPersons(ids) {
var result = [];
ids.forEach(function (id) {
try {
var person = getPerson(id);
result.push(person);
} catch (exception) {
console.log(exception);
}
});
return result;
}


###变量被悬置

function foo() {
console.log(tmp);//undefined
if (false) {
var tmp = 3;//(1)
}
}

执行路径为：

function foo() {
var tmp; //悬置声明
console.log(tmp);
if (false) {
tmp =3; // assignment stays put
}
}


### 闭包
每一个函数和其外围函数的变量紧密联系在一起，即使已经离开作用域了。

function createIncrementor(start){
return function() { //(1)
start++;
return start;
}
}

var inc = createIncrementor(5);
inc()
6
inc()
7
inc()
8

在（1）中的函数离开context后仍然和 live 版的 start 保持联系。
闭包，是和外面作用域的变量联结的一个函数。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 214,837评论 6赞 496
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 91,551评论 3赞 389
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 160,417评论 0赞 350
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 57,448评论 1赞 288
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 66,524评论 6赞 386
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 50,554评论 1赞 293
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,569评论 3赞 414
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 38,316评论 0赞 270
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 44,766评论 1赞 307
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,077评论 2赞 330
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,240评论 1赞 343
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 34,912评论 5赞 338
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 40,560评论 3赞 322
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,176评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,425评论 1赞 268
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 47,114评论 2赞 366
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,114评论 2赞 352

推荐阅读更多精彩内容

  • 【基础系列】JS使用技巧专题
    JS使用技巧专题 1开发技巧 1.1函数使用 1.1.1函数声明方式 JS函数的写法总结 http://blog....
    Kevin_Junbaozi阅读 1,080评论 0赞 11
  • JS高级与面向对象
    一、JavaScript基础知识回顾 1.1 JavaScript 1.1.1 javascript是什么？ Ja...
    福尔摩鸡阅读 1,261评论 0赞 7
  • 闲聊一
    周末带着宝贝一起回了一趟姥姥家。一路睡的呼呼呼。快到家的时候醒了，死活不坐安全座椅。不知道有没有家长和我一样烦恼就...
    轩轩麻麻的小确幸阅读 138评论 0赞 0
  • 苏州
    目录 概览 城际交通 住宿 城市交通 气候与天气 景点与行程 饮食 2017年4月2日，清明节，第一次到苏州。拙政...
    叶问酱阅读 1,212评论 2赞 17
  • 小活着
    如果人脑像电脑一样 想学到东西就下载 决定忘记就删除 有电就不走神 困了就充电 无忧无虑 也挺好 那么 人 电脑 ...
    M莱阅读 217评论 0赞 0