一些JavaScript Quiz

最新推荐文章于 2024-09-08 09:26:54 发布

weixin_34353714

最新推荐文章于 2024-09-08 09:26:54 发布

阅读量184

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/rainman/archive/2010/10/16/1853222.html

版权

本文深入解析JavaScript中的赋值表达式特性，探讨对象属性的覆盖与暴露，以及原型链的创建与维护机制。同时，文章介绍了条件运算符的简写技巧，逻辑运算符的计算取值规则，Object构造函数的内部结构，以及通过原型链实现对象继承的方法。

摘要由CSDN通过智能技术生成

a.x = a = { }, 深入理解赋值表达式

var o = {x : 1};
var a = o;

a.x = a = {name:100};

console.log(a.x);    // undefined
console.log(o.x);    // {name:100}

// a.x = a = {name:100};
// 等价于 a.x = (a = {name:100});
// 首先计算a.x的引用，然后计算(a = {name:100})的返回值

if 语句的简写

var condition = true, numb = 0;
if(condition) {
    alert('rain-man')
}
if(condition) {
    numb = 1 + 2;
}

等同于

var condition = true, numb = 0;
condition && alert('rain-man');
condition && (numb = 1 + 2);

&& 和 || 的计算取值

(true && 222);	    // 222
!!(true && 222);    // true
(false && 222 );    // false

(false || 222);     // 222
!!(false || 222);   // true

!!variable 会返回和原值相等的boolean值

Object的构造

function Object() { [native code] }
Object.prototype = {
	constructor: function Object() { [native code] },
	hasOwnProperty: function hasOwnProperty() { [native code] },
	isPrototypeOf: function isPrototypeOf() { [native code] },
	propertyIsEnumerable: function propertyIsEnumerable() { [native code] },
	toLocaleString: function toLocaleString() { [native code] },
	toString: function toString() { [native code] },
	valueOf: function valueOf() { [native code] }
};

Object.prototype.constructor === Object;    // true

prototype中的一些细节

var A = function(){
    this.name = 'rain-man';
};
A.prototype = {
    name : 'cnblogs'
};
var o = new A();
console.log(o.name);    // 'rain-man'

var B = function(){};
B.prototype = {
    name : 'obj-B'
};

var o = new B();
o.name = 'obj-c';
delete o.name;
console.log(o.name);    //'obj-B'，暴漏原型链

创建对象，并保持原型链

var O = function(obj) {
    function T() {}
    T.prototype = obj;
    return new T();
};

var obj = {name: 'obj', age: 0 }, 
    obj1 = O(obj), 
    obj2 = O(obj1);

// 更改原型链的一处，所有原型链都会更改
obj.name = 'superclass';    
console.log(obj1.name);    // 'superclass'
console.log(obj2.name);    // 'superclass'

// 每一层可单独处理
obj1.name = 100;
console.log(obj1.name);    //100
delete obj1.name;    //暴漏原型链
console.log(obj1.name);    // 'superclass'

转载于:https://www.cnblogs.com/rainman/archive/2010/10/16/1853222.html