javascript函数式编程指南(javascript的基本语法)

技术JavaScript基础的函数有哪些今天就跟大家聊聊有关JavaScript基础的函数有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。一、函数简介1.1.

今天跟大家讲讲JavaScript的基本功能,可能很多人都不太了解。为了让大家更好的了解,边肖为大家总结了以下内容,希望大家能从这篇文章中有所收获。

00-1010

一、函数简介

1.创建函数的三种方法

//模式1:字符串封装代码创建功能

Varfun=新函数(' console.log ('hello我是第一个函数');');

console.log(有趣);

//函数在被调用时执行。

乐趣()

//模式2:函数声明

function fun 2(){ 0

console.log(fun2)

}

fun2()

//模式3:函数表达式

var fun 3=function(){ 0

控制台日志(“我是匿名函数的封装代码”)

};

console.log(fun3)

fun 3();00-1010 1.函数的参数可以是对象或函数。

function mian Ji(r){ 0

return3.14 * r * r

}

函数fun(a){ 0

console.log('a=' a ')

}

乐趣(面记(10))

好玩(面记)2。函数的返回值可以是对象或函数:

function fun 4(){ 0

function fun 5(){ 0

警报(“这很有趣”)

}

returnfun5

}

a=fun 4();

Console.log(a)//输出函数5函数体

A()//输出‘我很开心5’

4()()//输出‘我是fun 5’

1.1.函数的创建

1.2.函数的参数和返回值

功能人(姓名、年龄、性别){ 0

this.name=name

this.age=年龄;

this.gender=性别;

.sayName = function () {
        alert(this.name)
      };
    }
    var per = new Person("张三", 15, "男")
    var per2 = new Person("李四", 16, "女")
    var per3 = new Person("王五", 17, "男")
    console.log(per)

构造函数执行流程:
1.立刻创建一个对象
2.将新建的对象设置为函数中this
3.逐行执行函数中的代码
4.新建的对象最为返回值返回
总结: 如上为构造函数,必须用new关键字调用,普通函数时直接调用,用this替代obj

2.2. 立即执行函数

(function(){
      alert("我是一个匿名函数")
    })
    // 函数定义完,立即被调用,称为立即执行函数

2.3. 构造函数的原型prototype

1.JavaScript 规定,每一个构造函数都有一个prototype 属性。
2.构造函数通过原型分配的函数是所有对象所共享的
3.我们可以把那些不变的方法,直接定义在 prototype 对象上,这样所有对象的实例就可以共享这些方法。

简介:每一个对象都会有一个属性 proto 指向构造函数的 prototype 原型对象,实例对象使用构造函数 prototype 原型对象的属性和方法,因为对象有 proto 原型的存在。

JavaScript基础的函数有哪些

2.4. 函数中的this指向

1.当以函数的形式调用时,this是window;
2.当以方法的形式调用时,谁调用方法 this就是谁;
3.当以构造函数的形式调用时,this就是新创建的那个对象。

2.5. 函数对象原型的方法

1.Function.prototype.call():使用一个指定的 this 值调用一个函数(简单理解为调用函数的方式,但是它可以改变函数的 this 指向)
2.Function.prototype.apply() 方法调用一个函数。简单理解为调用函数的方式,但是它可以改变函数的 this 指向
3. Function.prototype.bind() 方法不会调用函数,但是能改变函数内部this 指向,返回的是原函数改变this之后产生的新函数

	 // 1.call方法
	 var o = {
	     name:"张美丽"
	 }
	 function fn(a,b) {
	     console.log(this);
	     console.log(a + b);
	   }
	 fn(1,3) //此时的this指向的是window 运行结果:3
	 fn.call(o,1,2) //此时的this指向的是对象o  运行结果:输出对象o和3
	 // 2.apply方法
	 var o = {
	     name:'andy'
	 }
	 function fn1(a,b) { 
	     console.log(this);
	     console.log(a + b)
	  }
	  fn()  //此时的this指向的是window 运行结果:3
	  fn.apply(o,[1,2])  //此时的this指向的对象o,运行结果:输出对象o和3
	 //  3.bind方法
	 var o = {
	     name:'andy'
	 }
	 function fn1(a,b) { 
	     console.log(this);
	     console.log(a + b)
	  }
	  var f = fn.bind(o,1,2)  //此处的f是bind返回的新函数
	  f()  //调用新函数  this指向的是对象o

2.6. 构造函数的继承

1.先定义一个父构造函数
2.再定义一个子构造函数
3.子构造函数继承父构造函数的属性(使用call方法)

	// 1.父构造函数
	function Father(uname) {
	  // this 指向父构造函数的对象实例
	  this.uname = uname;
	}
	// 2.子构造函数
	function Son(uname, age) {
	  // this指向子构造函数的对象实例
	  // 3.使用call方式实现子继承父的属性
	  Father.call(this.uname);
	  this.age = age;
	}
	var son = new Son('王帅帅', 18);  
	console.log(son);    // Son {age:18}

2.7. 原型对象prototype方法继承

// 1.父构造函数
function Father(uname, age) {
  // this 指向父构造函数的对象实例
  this.uname = uname;
  this.age = age;
}
Father.prototype.money = function() {
  console.log(100000);
 };
 // 2.子构造函数 
  function Son(uname, age, score) {
      // this 指向子构造函数的对象实例
      Father.call(this, uname, age);
      this.score = score;
  }
// Son.prototype = Father.prototype;  这样直接赋值会有问题,如果修改了子原型对象,父原型对象也会跟着一起变化
  Son.prototype = new Father();
  // 如果利用对象的形式修改了原型对象,别忘了利用constructor 指回原来的构造函数
  Son.prototype.constructor = Son;
  // 这个是子构造函数专门的方法
  Son.prototype.exam = function() {
    console.log('孩子要考试');
  }
var son = new Son('王帅哥',18,100);
console.log(son);  //存在一个Father原型对象,在Father里面有age,uname,exam;money在fahter外层的原型对象里面。

2.8. Object.create实现类式继承

// 父类
function Shape() {
  this.x = 0;
  this.y = 0;
}
// 子类
function Rectangle() {
  Shape.call(this); // 调用父类的构造函数
}
// 将父类的原型对象,作为子类原型的原型对象。子类续承父类
Rectangle.prototype = Object.create(Shape.prototype);
// 设置子类原型的构造函数
Rectangle.prototype.constructor = Rectangle;
var r = new Rectangle();
r instanceof Rectangle;	// true
r instanceof Shape;		// true

看完上述内容,你们对JavaScript基础的函数有哪些有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/153803.html

(0)

相关推荐

  • 基于linux2.6.12.1的进程睡眠原理是什么

    技术基于linux2.6.12.1的进程睡眠原理是什么这篇文章给大家介绍基于linux2.6.12.1的进程睡眠原理是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。进程是一个动态的实体,满足条件

    攻略 2021年12月3日
  • oracle如何实现压缩表

    技术oracle如何实现压缩表这篇文章给大家分享的是有关oracle如何实现压缩表的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。表压缩是如何工作的在Orcle9i第2版中,表压缩特性通过删除在

    攻略 2021年11月11日
  • 修改带JAVA 自定义类的报表还要重启应用该怎么解决

    技术修改带JAVA 自定义类的报表还要重启应用该怎么解决修改带JAVA 自定义类的报表还要重启应用该怎么解决,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法

    攻略 2021年12月2日
  • vue 组件对外暴露方法(vue 中的store如何存取数据)

    技术Vue中怎样把数据包装成reactive从而实现MDV效果Vue中怎样把数据包装成reactive从而实现MDV效果,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来

    攻略 2021年12月25日
  • 如何解析Java 数据结构中时间复杂度与空间复杂度

    技术如何解析Java 数据结构中时间复杂度与空间复杂度这篇文章给大家介绍如何解析Java 数据结构中时间复杂度与空间复杂度,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。算法效率在使用当中,算法效率分

    2021年11月5日
  • ig是个什么梗,“皮皮虾我们走”是什么梗

    技术ig是个什么梗,“皮皮虾我们走”是什么梗“皮皮虾我们走”是2017年的网络流行语。“XXX我们走”最初是游戏王YGOcore里的玩家梗ig是个什么梗,起源是“源龙星,我们走”。2017年1月,经过网友魔改成“皮皮虾我

    生活 2021年10月29日