龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

javascript new构造器与对象详解

时间:2012-12-29 08:41来源:未知 作者:admin 点击: 次
分享到：
今天一个朋友问到js中的new是对象是干什么用的，我找了很多资料，下面有需要的朋友可以参考一下哦。 首先我们拆解为如下代码 JScript code 代码如下 var str = function(){ return 'Hello world';
今天一个朋友问到js中的new是对象是干什么用的，我找了很多资料，下面有需要的朋友可以参考一下哦。

首先我们拆解为如下代码
JScript code

 代码如下
var str = function(){
                return 'Hello world';
            }
            alert(new str());
            var str1 = function() {
                return new String('hello world');
            }
            alert(new str1())

           

这个代码和你之前的代码是一个意思，能理解吧。
好我们来实验下。
JScript code

 代码如下
var str = function(){
                return 'Hello world';
            }
            alert(str);
            var str1 = function() {
                return new String('hello world');
            }
            alert(str1)


这个打印出来的结果大家也都是意料之中吧。也是显而易见的，不多解释了。
JScript code           

 代码如下
var str = function(){
                return 'Hello world';
            }
            alert(str());
            var str1 = function() {
                return new String('hello world');
            }
            alert(str1())

那么，顺着意思走到这里，得到的结果也无可厚非了。但是为什么，函数作为构造器得到的结果不一样呢。
JScript code

 代码如下

            function str() {
                return 'Hello world';
            }

            function str1() {
                return new String('hello world');
            }
            alert(new str());
            alert(new str1());


针对这样的问题，我们需要了解2样东西
1、new()干了神马事
很多童鞋都知道，new function()的时候，会返回this指针对象作为对象引用。但是如上面DEMO里没有this，而是直接return一个值呢。

我们看一个新的例子
JScript code           

 代码如下
var test = 'hello world';
            var test1 = new String('hello world');
           
            function testStr(){
                return test;
            }
            function testStr1() {
                return test1;
            }
           
            alert(new testStr() == test);//outputs:false
            alert(new testStr1() == test1);output:true


呀，是不是有点感觉了，但是却又还是搞不清为什么是这样？别急，我们继续看
JScript code           

 代码如下

alert(test instanceof String);
            alert(test1 instanceof String);

根据上面的例子，我们看到test不是instanceof String的。那么用typeof也可以看到test的TYPEOF是string。由此我们延伸出一个问题，字面量对象和构造器对象有什么区别么？回答：原型！！！！。
好了，我们在解决了第二个问题，由此可以推回我刚才说的第一个问题，new()做了什么，其实new 做了件我们需要知道的事。就是维护了原型链。
最后我做一个假设。因为我现在并不能确定我说的是否是对的。
JScript code

 代码如下
function func() {
}
               var test = new func();
            /* new的过程中做了如下的行为
             var returnVal = new Object();
             returnVal.prototype = this;//其中这一步未必如此，我们可以理解为复制阶段
             if(returnVal is object) {  //这个is是instanceof更贴切，或者就是说原型链中能找到继承自object
                return returnVal;
            } else
                return obj;
            */

精彩图集
node+express+ejs制作简单页面上手指南_node.js
node+express+
js点亮星星评分并获取参数的js代码
js点亮星星评
鼠标滑过出现预览的大图提示效果
鼠标滑过出
查找Oracle高消耗语句的方法
查找Oracle高
PHP开发者必须掌握的6个关键字
PHP开发者必

热门标签

扩大分辨率 输出美元符号 打 弹出框 备份还原 vbs，sql查询 文件读取 PHP验证码 贪吃蛇游戏 便利 事件日志 监听事件 多主复制 小i机器人 横向表 故障 type类 追加 windo 默认 回车 operator_new php php在服务 o 好的 agent 数据库入门 sq php数组去重复 模板标 CreateObject sql分类汇总 CSS属性值 大图提示 php php缩放png 1=1 qq互联 四舍五入 调用cmd static方法 strcm GET方法 图文安装 c语言http请求 执行原理 写csv 输出函数 缩进 normal模式 面向切面编程 哥德巴赫猜想 triggerHandl php二维码生成 行级锁 恢复 norflash接口 修 Mixed 新建项目 python使用

赞助商链接