Function对象属性和方法
/*
var pattern = /^[\w]+\.(zip|rar|gz)$/; //|选择符必须用分组符号包含起来
var str = '123.7z';
alert(pattern.test(str)); function box(num1, num2) { //普通函数的声明方式
return num1 + num2;
} alert(box(1, 2)); var box = function(num1, num2) { //使用变量初始化函数
return num1 + num2;
}; alert(box(1,2)); var box = new Function('num1', 'num2', 'return num1 + num2'); //使用new的构造函数来声明函数
alert(box(1, 2));
alert(typeof box); //函数可以传递函数, //下面的例子很普通,不是作为函数来传递的,而是作为函数的返回值来传递的 function box(sum, num) {
return sum + num;
} function sum(num) {
return num + 10;
} var result = box(sum(10), 10); //20,10sum(10)这里传递的是函数的返回值,和普通的变量一样,没区别
alert(result); */ //要把函数本身作为参数传递,而不是函数的结果 function box(sum, num) {
return sum(num);
} function sum(num) {
return num + 10;
} var result = box(sum, 10); //这里sum是一个函数,当作参数传递到另外一个函数里,而不是函数的返回值
alert(result);
/*
function sum(num) {
if (num <= 1) {
return 1;
} else {
return num * sum(num-1); //4 * 3 * 2 * 1 = 24 阶乘,递归
}
} alert(sum(4)); function box(num) {
if (num <= 1) {
return 1;
} else {
return num * arguments.callee(num-1); //使用arguments.callee,调用自身,实现递归
}
} alert(box(4)); //window是一个对象,而且是JS里面最大的对象,是最外围的对象 //alert(typeof window); window是对象,类型是对象,window表示全局 alert(this); //[object Window] this目前表示的是window,因为在window的范围下
alert(typeof this); //和window一模一样,所以this就是window var color = '红色的'; //这里color就是全局变量,而这个变量又是window的属性
//alert(window.color); //这里已经很好的说明color是window下的属性
alert(this.color); //同上 window.color = '红色的'; //相当于 var color = '红色的';???,是一样的 var box = {
color : '蓝色的', //这里的color是box下的属性,也就是局部变量
sayColor : function() {
alert(this.color); //这里this,我们确定了是代表的box对象。
}
}; alert(this.color);
box.sayColor(); window.color = '红色的'; function sayColor() {
alert(this.color); //所以这里执行的时候是动态的,第一次在window下,第二次在box下
} sayColor(); //这里调用sayColor,其实范围还是在window下 var box = {
color : '蓝色的'
}; box.sayColor = sayColor; //这段代码相当于47行 box.sayColor(); //这里执行的是box里面的this.color function box(name, age) {
return name + age;
} alert(box.length); function box(num1, num2) {
return num1 + num2;
} function sum(num1, num2) { //apply和call可以冒充另外一个函数
return box.apply(this, [num1, num2]); //this表示window作用域,[]表示传递的参数
} function sum2(num1, num2) {
return box.apply(this, arguments); //这个可以当数组传递,arguments
} //alert(box(10,10)); //alert(sum(10,10));
alert(sum2(10,10)); function box(num1, num2) {
return num1 + num2;
} function sum(num1, num2) {
return box.call(this, num1, num2); //call只是传递参数不同,其他和apply一样
} alert(sum(10,10));
*/ var color = '红色的'; //全局 var box = {
color : '蓝色的' //局部
}; function sayColor() {
alert(this.color);
} //sayColor(); //全局 //用call是实现对象冒充,冒充box下,冒充window下
//sayColor.call(window); //冒充window 红色的
//sayColor.call(this); //this就是window
sayColor.call(box); //冒充box,作用域就在box对象里面,所以color就是蓝色的
Function对象属性和方法的更多相关文章
- Javascript对象属性与方法汇总
Javascript对象属性与方法汇总 发布时间:2015-03-06 编辑:www.jquerycn.cn 详细介绍下,javascript对象属性与对象方法的相关知识,包括javascript字符 ...
- js object 对象 属性和方法的使用
//object 对象 属性和方法的使用 var person = new Object(); person.name="张海"; person.age="; perso ...
- 转: JavaScript 获取对象属性和方法
一.获取对象属性和方法 Object.keys()for in 返回对象的可枚举属性和方法的名称数组. Object.getOwnPropertyNames() 返回的数组的所有属性(可枚举或不可枚举 ...
- Js基础知识7-JavaScript所有内置对象属性和方法汇总
对象什么的,程序员可是有很多呢... JS三大对象 对象,是任何一个开发者都无法绕开和逃避的话题,她似乎有些深不可测,但如此伟大和巧妙的存在,一定值得你去摸索.发现.征服. 我们都知道,JavaScr ...
- JavaScript 获取对象属性和方法
ShineJaie 原创整理,转载请注明出处. 一.获取对象属性和方法 Object.keys() 返回对象的可枚举属性和方法的名称数组. Object.getOwnPropertyNames() 返 ...
- JavaScript 访问对象属性和方法及区别
这篇文章主要介绍了浅析JavaScript访问对象属性和方法及区别的相关资料,仅供参考 属性是一个变量,用来表示一个对象的特征,如颜色.大小.重量等:方法是一个函数,用来表示对象的操作,如奔跑.呼吸. ...
- getSelection、range 对象属性,方法理解,解释
网上转了一圈发现没有selection方面的解释,自己捣鼓下 以这段文字为例子.. <p><b>法国国营铁路公司(SNCF)20日承认,</b>新订购的2000列火 ...
- ES6之6种遍历对象属性的方法
ES6之6种遍历对象属性的方法 for ... in 循环遍历对象自身的和继承的可枚举属性(不含Symbol属性). Obejct.keys(obj),返回一个数组,包括对象自身的(不含继承的)所有可 ...
- JS枚举对象属性的方法及其区别
愉快的中秋节要过去了,国庆倒计时两个周!!! 闲话不多说,那今天我们来看一看JS中枚举对象属性的方法有哪些以及他们的区别 首先在JS里面枚举对象属性一共有三种方法 for in: 会遍历对象中所有的可 ...
随机推荐
- Vue.2.0.5-表单控件绑定
基础用法 你可以用 v-model 指令在表单控件元素上创建双向数据绑定.它会根据控件类型自动选取正确的方法来更新元素.尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以 ...
- bootstrap学习之一_bootstrap css
一.文本相关样式 文本格式(用于块状标签):text-left:向左对齐文本:text-center:居中对齐文本:text-right:向右对齐文本:text-justified;text-nowr ...
- iOS - (集成支付宝SDK大坑总结)
其实集成支付宝相对于集成微信支付来说,支付宝算是简单的了,后续有空再去研究微信支付,现目前先总结一下集成支付宝所遇到的坑,其实支付宝的坑也不算太多,细算下来大概5-6个左右,但是其报错方式有点恶心,不 ...
- Basic认证
Basic 概述 Basic 认证是HTTP 中非常简单的认证方式,因为简单,所以不是很安全,不过仍然非常常用. 当一个客户端向一个需要认证的HTTP服务器进行数据请求时,如果之前没有认证过,HTTP ...
- span和div的区别
<span> 在CSS定义中属于一个行内元素,在行内定义一个区域,也就是一行内可以被 <span> 划分成好几个区域,从而实现某种特定效果. <span> 本身没有 ...
- TIJ——Chapter Two:Everything Is an Object
If we spoke a different language, we would perceive a somewhat different world. Ludwig Wittgenstein( ...
- Nginx简单配置
Nginx 配置文件结构如果你下载好啦,你的安装文件,不妨打开 conf 文件夹的 nginx.conf 文件,Nginx 服务器的基础配置,默认的配置也存放在此.在 nginx.conf 的注释符号 ...
- 20145207《Java程序设计》第三周学习总结
前言 24号回来的,书看的差不多了,博客一直没写,求老师原谅呀!!!!!哈哈哈哈.博客我从今天开始补,对着书,一天最多能弄个两篇毕竟写这个东西挺费心思德,当然我做事慢也有关系.但是我会尽快的.老实讲, ...
- [转]JAVA程序员一定知道的优秀第三方库(2016版)
原文地址:http://blog.csdn.net/zxc123e/article/details/51418163 几乎每个程序员都知道要“避免重复发明轮子”的道理——尽可能使用那些优秀的第三方框架 ...
- ajax常用参数
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址.前台跳转到后台 请求参数:前台向后台传数据 回调函数:回调函数就是一个自定义的函数在发生特定的事件的时候调用来处理这个事件 ...