js高级函数apply

2024-09-02

js高级-函数的四种调用模式

1.对象方法调用模式方法内部的this指向当前调用者的对象d 定义类 (构造函数) function Dog (dogName){ //创建一个空对象让空对象==this this.name = dogName; this.age = 0; this.run = function(){ console.log(this.name + 'is running...') } //如果函数当做构造函数来调用(new)并且没有返回任何数据的时候默认返回this } var d= new D

js 高级函数之示例

js 高级函数作用域安全构造函数 function Person(name, age) { this.name = name; this.age = age; } var person1 = Person("lin3615", 26); //alert(window.name); // lin3615 alert(person1.name); // 出错,此时成了全局的了======================== f

JS高级---总结apply和call方法的使用

apply和call的使用方法 apply的使用语法函数名字.apply(对象,[参数1,参数2,...]); 方法名字.apply(对象,[参数1,参数2,...]); call的使用语法函数名字.call(对象,参数1,参数2,...); 方法名字.call(对象,参数1,参数2,...); 作用: 改变this的指向不同的地方: 参数传递的方式是不一样的只要是想使用别的对象的方法, 并且希望这个方法是当前对象的, 那么就可以使用apply或者是call的方法改变this

js高级-函数变量提升

var a = 10; function f1(){ console.log(a) //undefined 函数变量提升了函数执行之前想创建了函数的EC 把函数里面声明的变量初始化undefined a先访问了f1内部的了 var a = 19; 给局部变量赋值 console.log(a) 19 } f1(); // 面试题 1. var a = 18; function d(){ console.log(a) //undefined 内部变量a提升 var a = {age:19} c

JS高级——函数的调用模式

函数调用模式一共有四种 <script> //1.函数模式 //this指向window全局对象 //2.方法模式 //this指向调用这个方法的对象 //3.构造函数模式 //this 使用new创建出来的对象 //上下文模式 function test(){ console.log(this); } test();//window var obj1 = { test:function(){ console.log(this); } } obj1.test();//Object functi

JS高级 — 函数中的this指向问题

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>函数的角色</title> </head> <body> <script> // 二

JS高级 — 函数的声明和表达式

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>函数的角色</title> </head> <body> <script> // 二

JS高级---函数作为返回值使用拓展，排序

函数作为返回值使用拓展,排序排序, 每个文件都有名字,大小,时间,都可以按照某个属性的值进行排序函数作为返回值函数作为参数 //排序,每个文件都有名字,大小,时间,都可以按照某个属性的值进行排序 //三部电影,电影有名字,大小,上映时间 function File(name, size, time) { this.name = name;//电影名字 this.size = size;//电影大小 this.time = time;//电影的上映时间 } var f1 = new File

JS高级---函数作为参数使用

函数作为参数使用 var arr = [1, 100, 20, 200, 40, 50, 120, 10]; //排序 arr.sort(); console.log(arr); 排序---函数作为参数使用, 匿名函数作为sort方法的参数使用, 那么此时的匿名函数中有两个参数 var arr = [1, 100, 20, 200, 40, 50, 120, 10]; //排序---函数作为参数使用,匿名函数作为sort方法的参数使用,那么此时的匿名函数中有两个参数, arr.sort(func

JS高级---函数作为返回值使用

函数作为返回值使用 function f1() { console.log("f1函数开始"); return function () { console.log("函数作为返回值使用"); } } 获取num这个变量的数据类型 num 判断这个对象是不是某个类型的 var num = 10; console.log(typeof num); //num var obj = {}; console.log(obj instanceof Object); //

JS高级---函数的几个成员

函数的几个成员函数中有一个name属性----->函数的名字, name属性是只读的, 不能修改函数中有一个arguments属性--->实参的个数函数中有一个length属性---->函数定义的时候形参的个数 function f1(x, y) { console.log(f1.name); //f1 console.log(f1.arguments.length); //4 console.log(f1.length); //2 } f1.name = "f5&q

JS高级---函数中的this的指向，函数的不同调用方式

函数中的this的指向普通函数中的this是谁?-----window 对象.方法中的this是谁?----当前的实例对象定时器方法中的this是谁?----window 构造函数中的this是谁?-----实例对象原型对象方法中的this是谁?---实例对象 //严格模式: "use strict";//严格模式 function f1() { console.log(this);//window } f1() 函数的不同调用方式 //普通函数 function f1() {

JS高级---函数声明和函数表达式的区别

函数声明和函数表达式的区别多用函数表达式 var ff=function(){}; //函数声明 // // if(true){ // function f1() { // console.log("哈哈,我又变帅了"); // } // }else{ // function f1() { // console.log("小苏好猥琐"); // } // } // f1(); //函数表达式 var ff; if(true){ ff=function () { c

js高级-面向对象继承

一.工厂模式创建对象及优缺点继承就是把公共的部分抽象出来作为父类,基类.吃饭,跑步等 var a = {}; //批量创建不方便,不能重复设置公共属性的代码 //工厂模式出现了,创建10个Cat对象每个对象都有年龄.姓名的属性,包括run方法注意区分 js高级-函数的四种调用模式 function createCat(age,name){ var o = new Object(); o.age = age; o.name = name; o.run = function (){ conso

JS高级. 06 缓存、分析解决递归斐波那契数列、jQuery缓存、沙箱、函数的四种调用方式、call和apply修改函数调用方法

缓存 cache 作用就是将一些常用的数据存储起来提升性能 cdn //-----------------分析解决递归斐波那契数列<script> //定义一个缓存数组,存储已经计算出来的斐波那契数 //1.计算的步骤 //1.先从cache数组中去取想要获取的数字 //2.如果获取到了,直接使用 //3.如果没有获取到,就去计算,计算完之后,把计算结果存入cache,然后将结果返回 // var cache = []; // // function fib(n){ // //1.从cach

浅谈JS中的高级函数

在JavaScript中,函数的功能十分强大.它们是第一类对象,也可以作为另一个对象的方法,还可以作为参数传入另一个函数,不仅如此,还能被一个函数返回!可以说,在JS中,函数无处不在,无所不能,堪比孙猴子呀!当你运用好函数时,它能助你取西经,让代码变得优雅简洁,运用不好时,那就遭殃了,要大闹天宫咯~ 除了函数相关的基础知识外,掌握一些高级函数并应用起来,不仅能让JS代码看起来更为精简,还可以提升性能.以下是博主总结的一些常用的.重要的高级函数,加上了一些个人见解,特此记录下来.如果您是JS初学者

谈谈JS中的高级函数

博客原文地址:Claiyre的个人博客如需转载,请在文章开头注明原文地址在JavaScript中,函数的功能十分强大.它们是第一类对象,也可以作为另一个对象的方法,还可以作为参数传入另一个函数,不仅如此,还能被一个函数返回!可以说,在JS中,函数无处不在,无所不能,堪比孙猴子呀!当你运用好函数时,它能助你取西经,让代码变得优雅简洁,运用不好时,那就遭殃了,要大闹天宫咯~除了函数相关的基础知识外,掌握一些高级函数并应用起来,不仅能让JS代码看起来更为精简,还可以提升性能.以下是博主总结的一些常用

惰性函数——JS高级

我们先来看一下js的异步提交. XHR我们在原生的时候常常用到,因为常用到,我们更多把封装到了工具库中先看下他最常用的实现 // 旧方法 function createXHR() { var xhr; try{ xhr = new XMLHttpRequest(); }catch(e) { handleErr(e); try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e) { try{ xhr = new ActiveXO

js修改函数内部的this指向(bind,call,apply)

js修改函数内部的this指向在调用函数的时候偶尔在函数内部会使用到this,在使用this的时候发现并不是我们想要指向的对象.可以通过bind,call,apply来修改函数内部的this指向. 默认在浏览器下script标签内定义的函数,调用的时候函数内部的this指向window(浏览器窗口对象) <script> var a=2 function hello(){ console.log(this) console.log(this.a) } hello() //输出: window

如何用 js 实现一个 apply 函数

如何用 js 实现一个 apply 函数原理实现方式总结 refs https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!

js高级函数apply

热门专题