首页 > 代码库 > caller.arguments.callee.eval

caller.arguments.callee.eval

2024-08-18 04:14:28   225人阅读

------------------------------------
1.函数的调用方式,与this的指向问题,原型对象中的this
2.对象创建的几种方式!
3.str.replace
页面初始化话之后,初始化的页面DOM元素绑定事件,通过给实例对象设置一个方法.
this.container =$(html)
将事件绑定在容器上由子元素触发,一个独立的功能就是一个容器
在绑定事件的的时候,将实例化对象先保存一下,这样在事件绑定的函数中就能使用这实例化对象了
this.container包含了功能所涉及的额所有dom节点
$(‘body‘).append($(html));两次html会产生两个不同的jQuery对象
 
$(‘.class‘).parent().parent()     $(‘.class.parent‘)
 
抽取一个对象,这个对象包含的子元素具有的方法,如果设置为这个对象的原型方法,这样操作起来会特别不方便.
技术分享
 
重复使用的东西就可以转化为对象了.
 
 
2.eval函数:在里面书写java代码字符串,可以执行
在evel方法中没有作用域的概念,声明的变量都是全局变量,函数都是全局函数
功能:执行一段代码,封装了一段代码,
函数封装了一段重复执行的代码,eval函数声明的代码不能重复执行
 
跟函数的比较:
    1.封装了一段代码,只能执行一次
    2.eval中声明的变量和函数都是全局的,没有独立作用域的概念
用途:
    用来解析json数据
var json1 = "[{name:"范明","age":"18"}]";
console.log(json1);//执行结果,直接返回一个数组,对于json的容错率高
var json2 ={"hello":"world"};
console.log(json2)//错误
console.log("("json2")")//添加前后的小括号    如果直接写成数组不行吗??
在解析对象的时候,要用到{},在JS语言中即可以表示对象,又可以表示代码块,在eval中
遇到eval中遇到{}就会把它当做语句来处理,为了解决这个问题,在解析单个对象时候
需要在解析的同时添加前后小括号
 
3.静态属性,实例属性
function  Person(){}
Person.abc=10;//改函数加一个属性 函数对象自身的属性
 
var person = new Person();//p1是Person函数的实例
p1.name="zhangsan";//给实例p1添加的实例属性
 
 
4.所有函数都共有的一些静态属性
name:获取函数的名称
function  foo(){}
foo.name   函数foo的函数名
foo.length   打印函数形式参数的个数
 
caller:表示当前函数的调用是在哪个函数内
function f1(){
console.log(f1.caller);//在全局作用域直接调用,结果为null
    f2();
}
function f2(){
    console.log(f2.caller);//f1函数,在哪个函数内部调用了f2那么输出结果就是哪个函数
}
 
arguments是函数内部的一个属性,保存的是实参的相关信息,是一个伪数组
数组:通过Array构造函数创建的对象
伪数组:不是通过Array构造函数创建的随想,可以使用for循环来进行遍历
var  oarr ={0:"zhangsan",1:"lisi",2:‘‘wangwu",length:3}
获取第一个实参:arguments[0]
获取实参的长度 arguments.length
技术分享
 
 
 
callee属性 
function foo(){
    console.log(argument.callee);//打印的是函数体本身
}
使用argument.callee实现递归   ES5严格模式下,禁止使用这个对象
"use  strict";//开启严格模式  阮一峰 javascript严格模式详解
//严格模式 禁止给一个未声明的变量赋值   number=20;
//严格模式下 eval具有了独立的作用域 在eval中声明的变量和函数 都是局部变量
//禁止使用arguments.callee进行递归调用
 
=递归=函数自己调用自己
技术分享可能出现了死递归
 
  1. //注意递归的结束条件
  2. function fn(n){
  3. if(n==1|| n==2){
  4. return1;
  5. }
  6. return fn(n-1)+fn(n-2);
  7. }
 
  1. /*递归查找父元素*/
  2. function find(child, parent){
  3. /*由子元素查找父元素*/
  4. if(child.parentNode === parent){
  5. returntrue
  6. }
  7. /*找到了文档的最顶端*/
  8. elseif(child.parentNode ==null){
  9. returnfalse
  10. }
  11. return find(child.parentNode, parent);
  12. }
 
 
在chrome浏览器中为了调试方便,id元素的id值就是全局变量了,直接可以使用
this +new 
  1. //使用构造函数创建属性:默认值,传参,动态添加,混合模式
  2. //属性的取值和设置器 get set 数值判断 打折
  3. //取值设置 返回格式化的日期
  4. //日期格式转化的工具方法
  5. //共有属性 实例化后外部的人可以访问到
  6. // 私有属性
  7. functionPerson(){
  8. var name="张三";//实例化的对象 无法访问这个属性
  9. }
  11. //最小原则
  13. //this.config={}//保存当前对象中可能用到的临时变量
指针 当我们定义一个变量的，会在内存中开辟一段区域保存这个变量的值
实例化的本质：就是拷贝构造函数属性的过程
属性屏蔽理论：原型中和构造函数中有相同的属性
如果想访问原型中的属性，delete构造函数中的属性 使用Product.prototype
 
 
 
 



来自为知笔记(Wiz)



caller.arguments.callee.eval


联系
我们