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
speaking of javasript_第1张图片
屏幕快照 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 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 保持联系。
闭包,是和外面作用域的变量联结的一个函数。





你可能感兴趣的:(speaking of javasript)