一、知识储备：
1、枚举属性名称的函数：
（1）for...in：可以在循环体中遍历对象中所有可枚举的属性（包括自有属性和继承属性）
（2）Object.keys()：返回数组（可枚举的自有属性）
（3）Object.getOwnPropertyNames()：所有的自有属性
3、属性的特性：数据属性和存取器属性
（1）数据属性：可写（writable） 可枚举（enumerable） 可配置（configurable） 值（value）
数据属性只有一个简单的值；
（2）存取器属性: 写入（set） 读取（get） 可枚举（enumerable） 可配置（configurable）
存取器属性不可写（即没有writable特性）。
属性有set方法，那这个属性是可写的，有get方法，那这个属性就是可读的。
4、定义属性特性的方法：Object.defineProperty(对象，属性，描述符对象)
5、获取属性的描述符对象：Object.getOwnPropertyDescriptor(对象，属性)
二、示例
1、根据for...in的用法，我们可以写出模拟“继承”的方法：
<script type="text/javascript">
var child={};
var mother={
name:"zhangzhiying",
lastAge:21,
sex:"女"
};
function extend(target,source){
for(var p in source){
target[p]=source[p];
}
return target;
}
extend(child,mother);
console.log(child); //<STRONG>Object {name: "zhangzhiying", lastAge: 21, sex: "女"}</STRONG>
</script>
2、使用for in来循环遍历原型对象的属性，然后一一赋值给我们的空对象，从而实现了“继承”。这个思路很正确，下面我们来对以上示例进行改造：
<script type="text/javascript">
var child={};
var mother={
name:"zhangzhiying",
lastAge:21,
<STRONG>set age(value){
this.lastAge=value;
},
get age(){
return this.lastAge+1;
},</STRONG>
sex:"女"
};<BR> <STRONG> mother.age=15;</STRONG> //有set方法，具有可写性
function extend(target,source){
for(var p in source){
target[p]=source[p];
}
return target;
}
extend(child,mother);
console.log(child); //<STRONG>Object {name: "zhangzhiying", lastAge: 15, age: 16, sex: "女"}</STRONG>
</script>
可以看到代码中使用了一对set，get；其中age是一个存取器属性。
运行的结果：一个不包含set，get的普通对象。
结论：for in实现的“继承”不处理set和get ，它把存取器属性（age）转换为一个静态的数据属性。
3、给mother对象设置数据属性
<script type="text/javascript">
var child={};
var mother={
name:"zhangzhiying",
lastAge:21,
set age(value){
this.lastAge=value;
},
get age(){
return this.lastAge+1;
},
sex:"女"
};
Object.defineProperty(mother,"lastAge",{writable:false}); //把lastAge设置成了不可写
mother.age=15; //设置无效，因为lastAge的值不变，所以lastAge+1不变，即age不变
function extend(target,source){
for(var p in source){
target[p]=source[p];
}
return target;
}
extend(child,mother);
console.log(child); //Object {name: "zhangzhiying", lastAge: 21, age: 22, sex: "女"}
child.lastAge=12; //结果显示lastAge改变，说明child.lastAge没有“继承”到mother.lastAge的特性，我们再用getOwnPropertyDesriptor()方法确认一下<BR> console.log(Object.getO
<EM id=__mceDel></script> </EM>
结论：要实现继承，我们还需要解决的问题->“继承”属性特性。
4、完善版本
<script type="text/javascript">
var child={};
var mother={
name:"zhangzhiying",
lastAge:21,
set age(value){
this.lastAge=value;
},
get age(){
return this.lastAge+1;
},
sex:"女"
};
Object.defineProperty(mother,"lastAge",{writable:false});
mother.age=15;
<SPAN style="COLOR: #333399"><STRONG>function extend(target,source){
var names=Object.getOwnPropertyNames(source); //获取所有的属性名
for(var i=0;i<names.length;i++){
if(names[i] in target) continue; //如果这个属性存在，就跳过（原型继承中，如果自有属性和原型对象的属性重名，保留自有属性）
var desc=Object.getOwnPropertyDescriptor(source,names[i]); //获取mother属性的描述符对象（即属性特性的集合，es5中用描述符对象来表示）
Object.defineProperty(target,names[i],desc); //将mother的描述符对象给child的属性定义
}
return target;
}</STRONG></SPAN>
extend(child,mother);
console.log(child);
child.lastAge=12;
console.log(Object.getOwnPropertyDescriptor(child,"lastAge"));
console.log(child);
</script>
最后的结果：
可以明显看到三次的打印，child“继承”到了set和get，lastAge数值没发生变化，writable也是false了。
总结：最近在看《javascript权威指南》，总结一点心得，有错误欢迎指正，共同学习进步~
以上这篇javascript 用函数实现继承详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
javascript,函数继承
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。