javascript整理

最新推荐文章于 2024-07-14 12:56:18 发布

songfuyu_1997

最新推荐文章于 2024-07-14 12:56:18 发布

阅读量600

点赞数

分类专栏： java面试资料整理文章标签： javascript object function prototype 扩展 structure

本文链接：https://blog.csdn.net/songfuyu_1997/article/details/6027351

版权

java面试资料整理专栏收录该内容

5 篇文章 0 订阅

订阅专栏

极经典的JavaScript框架prototype.js中实现继承的方法

Object.extend = function(destination, source) {
for (var property in source) {
destination[property] = source[property];
}
return destination;
}

Prototype 对Object类进行的扩展主要通过一个静态函数Object.extend(destination, source)实现了JavaScript中的继承。从语义的角度, Object.extend(destination, source)方法有些不和逻辑, 因为它事实上仅仅实现了从源对象到目标对象的全息拷贝。不过你也可以这样认为：由于目标对象拥有了所有源对象所拥有的特性, 所以看上去就像目标对象继承了源对象(并加以扩展)一样。另外, Prototype对Object扩展了几个比较有用的静态方法, 所有其他的类可以通过调用这些静态方法获取支持。

JScript code

Object.extend = function(destination, source) { // 一个静态方法表示继承, 目标对象将拥有源对象的所有属性和方法
for (var property in source) {
destination[property] = source[property]; // 利用动态语言的特性, 通过赋值动态添加属性与方法
}
return destination; // 返回扩展后的对象
}

Object.extend(Object, {
inspect: function(object) {   // 一个静态方法, 传入一个对象, 返回对象的字符串表示
    try {
      if (object == undefined) return 'undefined'; // 处理undefined情况
      if (object == null) return 'null';     // 处理null情况
      // 如果对象定义了inspect方法, 则调用该方法返回, 否则返回对象的toString()值
      return object.inspect ? object.inspect() : object.toString();
    } catch (e) {
      if (e instanceof RangeError) return '...'; // 处理异常情况
      throw e;
    }
},
keys: function(object) {     // 一个静态方法, 传入一个对象, 返回该对象中所有的属性, 构成数组返回
    var keys = [];
    for (var property in object)
      keys.push(property);     // 将每个属性压入到一个数组中
    return keys;
},
values: function(object) {   // 一个静态方法, 传入一个对象, 返回该对象中所有属性所对应的值, 构成数组返回
    var values = [];
    for (var property in object) values.push(object[property]); // 将每个属性的值压入到一个数组中
    return values;
},
clone: function(object) {    // 一个静态方法, 传入一个对象, 克隆一个新对象并返回
    return Object.extend({}, object);
}
});

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/sunjin1988/archive/2009/11/04/4769307.aspx

1.求y和z的值是多少？
<script type="text/javascript">
var x = 1;
var y = 0;
var z = 0;
function add(n){n=n+1;}
y = add(x);
function add(n){n=n+3;}
z = add(x);
</script>
都为undefined，因为没有返回值。

2.javascript是面向对象的，怎么体现javascript的继承关系？
使用prototype来实现。

8.列举javaScript的3种主要数据类型，2种复合数据类型和2种特殊数据类型。

主要数据类型：string, boolean, number

复合数据类型：function, object

12.运行的结果？

function hi(){
var a;
alert(a);
}

结果：undefined

navigator

表示浏览器的信息及js运行的环境

navigator.cookieEnabled：该属性表示是否启用cookie

screen

用于显示网页的显示器的大小和颜色

screen.width/screen.height：表示显示器的分辨率（总的宽度，高度）

17.javascript的常用对象有哪些？

String, Math, Date和Array对象

当你有一个对象的多个属性或者方法需要操作时，就可以使用with

比如
<body>
test
<script type="text/javascript">
var o=document.createElement("div");
with(o){
    style.cursor="pointer";
    style.zIndex="100";
    innerHTML="aaaa";
}
document.body.appendChild(o);
</script>
</body>
上面的代码相当于

<body>
test
<script type="text/javascript">
var o=document.createElement("div");
    o.style.cursor="pointer";
    o.style.zIndex="100";
    o.innerHTML="aaaa";
document.body.appendChild(o);
</script>
</body>

所以with 用于简化 代码 操作。

(2) function f1(){ 
} 
1. alert(f1 instanceof Function);//true 
2. alert(f1 instanceof Object);//true 
3. alert(Function instanceof Object);//true 
4. alert(Object instanceof Function);//true 
Function 是Object的实例,Object又是Function的实例 
Function是函数的构造函数，而Object也是函数，Function自身也是函数

详细出处参考：http://www.jb51.net/article/23127.htm

5、对Web标准化（或网站重构）知道哪些相关的知识，简述几条你知道的Web标准？ 
网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的网站标准也分三方面：结构化标准语言，主要包括XHTML和XML；表现标准语言主要包括CSS；行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。

songfuyu_1997

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript整理

<br />极经典的JavaScript框架prototype.js中实现继承的方法<br />Object.extend = function(destination, source) {<br />for (var property in source) {<br /> destination[property] = source[property];<br />}<br />return destination;<br />}<br />Prototype 对Object类进行的扩展主要通过一个
复制链接

扫一扫