js学习二函数

最新推荐文章于 2022-08-02 09:14:59 发布
最新推荐文章于 2022-08-02 09:14:59 发布
阅读量721 收藏
点赞数
分类专栏： JavaScript 文章标签： 函数 javascript prototype
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Silencegll/article/details/51416865
版权
一、定义函数的两种方法：
1.函数声明
function func(){
}
2.函数表达式
将匿名函数赋值给一个变量
var func = function(){

}

二、函数参数：

函数里的自带参数arguments，注意只在函数里才有，外部没有。arguments是一个数组，输出时报错：
 Uncaught ReferenceError: arguments is not defined
 所以默认值应该是 undefined
js函数中有个储存参数的数组arguments ，所有函数获得的参数会被编译器挨个保存到这个数组中。
代码：
 
<pre name="code" class="html"><span style="font-size:14px;">var add = function(num1, num2) {
	return num1+num2;
}
document.write('指定参数')
document.write(add(2))
// NaN
document.write(add(2,5))
// 7
document.write(add(2,5,6))
// 7

var addOpt = function () {
	document.write(arguments[0])
	var length = arguments.length,
		sum = 0,
		parameter;
for (var i=0;i<length;i++) {
	parameter = arguments[i];
	sum = sum + parameter;
}
return sum;
}
document.write('多参数')
document.write(addOpt(2))
// 2
document.write(addOpt(2,5))
// 7
document.write(addOpt(2,5,6))
// 13
document.write(addOpt(2,5,6,2))
// 15
document.write(arguments.length)</span>
 

 注意：
 当参数是原始数据类型时，是值传递，原始数值不变；
 当参数是对象数据类型时，是引用传递，会改变原有的对象；
 
 三、作用域：
  

限制了变量起作用的范围
 

四、作为对象属性
 可以利用this指定当前对象
 

五、构造函数
 提高了产生同类型对象的时间和代码量
 代码：
 

 

<span style="font-size:14px;"><!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Construction</title>
</head>
<body>
<script >
function Point(x, y) {
	this.x = x;
	this.y = y;
	this.move = function(stepX, stepY) {
		this.x += stepX;
		this.y += stepY;
	}
}
var point1 = new Point(1,1)
var point2 = new Point(2,2)
var point3 = new Point(3,3)
//point的值就是this,this是返回值
document.write('ponit');
document.write(point1);
// [object object]
document.write(point1.x)
point1.move(2,1)  //(3,2)
point2.move(2,1)  //(4,3)
point3.move(2,1)  //(5,4)
</script>
</body>
</html></span>
 
六、原型
 代码： 

 

 

<span style="font-size:14px;"><!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>ProtoType</title>
</head>
<body>
	<script >
		function Point(x, y) {
			this.x = x;
			this.y = y;
		};

		Point.prototype.move = function (stepX, stepY) {
				this.x += stepX;
				this.y += stepY;
		};
		// 公共属性或者方法
		var point = new Point(1,1);
		point.move(2,1);
		console.log(point);
		// document.write('point.x');

	</script>
</body>
</html></span>
 
原型可以设置构造函数的实例共有的方法或者属性：Point.prototype.func(){} 

 

注意prototype的写法不是protoType,否则会报错：
 

 Uncaught TypeError: Cannot set property 'move' of undefined
 
 
 

                

        

        

    




    

      

        

            

              
                
                  EpisodeOne
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
point结构方法详解

				
			

			

				

					m0_62606371的博客
				

				

					04-22
					
					1269
					
				

			

		

		

			
				
Point（）；

声明格式：

[修饰符]类名（型参列表）{

//n条语句

}

•构造器4个要点:

•构造器通过new关键词字调用！

•构造器虽然有返回值，但是不能定义返回值类型（返回值的类型肯定是本类），不能在构造器里使用return返回某个值！

•如果我们没有定义构造器，则编译器会自动定义一个无参的构造方法。如果已定义则编译器不会自动添加！

•构造器的方法名必须和类名一致！

课堂练习1.定义一个‘点’（point）类用来表示二维空间中的点（有两个坐标）。2.可以生成具有特定坐标的对象.

			
		

	



                

              
                



	

		

			

				
					
构造函数、原型对象prototype、实例、隐式原型__proto__的理解

				
			

			

				

					 我的博客
				

				

					12-15
					
					1062
					
				

			

		

		

			
				
（欢迎一起探讨，如果有什么地方写的不准确或是不正确也欢迎大家指出来~）

PS：

建议将构造函数中的方法都定义到构造函数的原型中，那么由该构造函数创建的实例的方法都会指向同一个方法。（在构造函数内部声明的话，每创建一个实例都会重新实例化函数，那么每个实例中的函数的指向是不同的；如果定义在全局作用域中，且有很多方法，这样毫无封装性可言。）
一、属性和方法

构造函数可以定义三种属性和方法：

对象属性/对象方法：构造函数内定义的属性/方法

静态属性/静态方法：构造函数的静态属性/方法

原型属性/原型方法

			
		

	



                


  
              

                


	

		

			

				
					
javascript new points

				
			

			

				

					agctXY的博客
				

				

					07-03
					
					265
					
				

			

		

		

			
				
javascript new points
起因
在学chrome extension
经过
看了人家的tutorial
结果
学到了新东西,一些语法糖
`${a}`

≈\approx≈
''+a

{a}

≈\approx≈
{'a':a}




			
		

	





	

		

			

				
					
prototype详解及prototype、new之间的关系

				
			

			

				

					Turnhead的专栏
				

				

					06-29
					
					3576
					
				

			

		

		

			
				
1.prototype解释


在JavaScript中，prototype对象是实现面向对象的一个重要机制。

每个函数就是一个对象（Function），函数对象都有一个子对象 prototype对象，类是以函数的形式来定义的。prototype表示该函数的原型，也表示一个类的成员的集合。

在通过new创建一个类的实例对象的时候，prototype对象的成员都成为实例化对象的成员

			
		

	



		

			
		



	

		

			

				
					
js中的函数

				
			

			

				

					weixin_50088222的博客
				

				

					08-02
					
					317
					
				

			

		

		

			
				
JS是一个基于事件驱动架构模式下的脚本语言，页面在加载，用户的点击、双击，鼠标的移动都会产生事件，当事件产生时，如果需要完成某项特殊的任务时，我们就可以调用对应的函数来响应该事件。该系统函数可以判断某一个函数的返回是否是无穷大，如果参数的值是一个有限的number数值，那么结果返回为true，否则为false(Nan，正无穷大的数,负无穷大的数)函数就是用来执行任务的代码块，函数需要通过调用的方式来完成代码的执行，函数的最大好处包含在函数内容的代码块，可以重复执行。//字符串替换，返回替换后的字符串。...

			
		

	





	

		

			

				
					
JS学习之函数

				
			

			

				

					weixin_53317758的博客
				

				

					04-30
					
					228
					
				

			

		

		

			
				
以往的方法出现重复代码，很麻烦





为什么需要函数？

函数的概念：

在JS里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用

虽然for循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时可以使用JS中的函数

函数：就是封装了一段可被重复调用执行的代码块，通过此代码块可以实现大量的代码的重复使用



函数的使用

函数在使用时分为两步：声明函数和调用函数

声明函数


//声明函数

function函数名() {

//函数体代码

}



	f.

			
		

	





	

		

			

				
					
学习javascript的函数

					
最新发布

				
			

			

				

					05-27
				

			

		

		

			
				
学习javascript的函数

			
		

	





	

		

			

				
					
JavaScript学习笔记之JS函数

				
			

			

				

					11-27
				

			

		

		

			
				
函数就是包裹在花括号中的代码块，前面使用了关键词function： 复制代码 代码如下: function functionName() {  这里是要执行的代码 }  函数参数 　函数的参数可以任意多个，不用声明变量类型，只用给出变量名： ...

			
		

	





	

		

			

				
					
JavaScript学习笔记_js常用函数封装_js包.zip

				
			

			

				

					11-04
				

			

		

		

			
				
本压缩包“JavaScript学习笔记_js常用函数封装_js包.zip”包含了对JavaScript基础及进阶技巧的学习资料，特别关注了函数封装和模块化开发实践。  首先，`tool.js`可能是一个实用工具函数集合，封装了一些常见的...

			
		

	





	

		

			

				
					
深入学习JavaScript 高阶函数

				
			

			

				

					10-16
				

			

		

		

			
				
JavaScript中的高阶函数是编程中的一个核心概念，它在函数式编程中占据着重要的地位。高阶函数的主要特点是能够处理...因此，深入学习JavaScript的高阶函数对于任何希望成为专业JavaScript开发者的人来说都是必要的。

			
		

	





	

		

			

				
					
JavaScript函数

				
			

			

				

					weixin_48755310的博客
				

				

					05-07
					
					97
					
				

			

		

		

			
				
//函数定义：函数就是封装了一段可以被重复执行的代码块。目的：就是让大量代码重复使用。

        // 函数举例 求任意两个数之间的累加和
        function getSum(num1, num2) {
            var sum = 0;
            for (var i = num1; i <= num2; i++) {
                sum += i;
            }
            console.log(su.

			
		

	





	

		

			

				
					
JS函数、函数表达式、阶乘

				
			

			

				

					不凡乃大的博客
				

				

					04-30
					
					1605
					
				

			

		

		

			
				
JS函数、函数表达式

1、函数的定义

函数的作用：在出现大量程序相同的时候，就可以封装一个函数，让程序可以重复利用，提高效率

函数的定义：通俗的说，函数就是像是css的类名一样，在书写类里面的样式的时候，其实就相当于函数的定义，类名的多次调用，就是函数的调用；


/* 先定义再执行 */
function fn(){
  alert('小明');
}
/* 函数的调用 函数名() 
f...

			
		

	





	

		

			

				
					
js学习一数组类型foreach方法

				
			

			

				

					菜鸟大侠的专栏
				

				

					05-15
					
					5753
					
				

			

		

		

			
				
语法：

arr.foreach(callback [,thisArg])


callback 是指回调函数，thisArg是指传入的参数可有可无


代码示例如下：

实现的功能说明 给students数组中的每一个对象的score都加5分



	JS_Array



	var students = [
	{id:1, score:10},
	{id:2, score

			
		

	





	

		

			

				
					
js学习四-RegExp正则表达式

				
			

			

				

					菜鸟大侠的专栏
				

				

					05-15
					
					896
					
				

			

		

		

			
				
RegExp正则表达式
方法：
1.regexObj.test(str)
测试正则表达式与指定字符串是否匹配，返回true/false
只要str里包含了regexp就会返回true

code



	
	RegExp


	
	
		function check(numberInput) {
			var value = numberInput.value;
			if(!/6

			
		

	





	

		

			

				
					
js与jq比较

				
			

			

				

					菜鸟大侠的专栏
				

				

					05-13
					
					669
					
				

			

		

		

			
				
1.获取input="text"的值
document.getElementById('value1').value
"1"
 $("#value1").val()
"1"

			
		

	





	

		

			

				
					
js学习三-日期Date

				
			

			

				

					菜鸟大侠的专栏
				

				

					05-15
					
					508
					
				

			

		

		

			
				
Date
date = new Date()
date.getXXX()

date.setXXX()
浏览器会智能计算
new Date(2016,2,0)        2016-2-29

代码：



	
	Date


	
		var date = new Date();
		console.log('date');
		console.log(date);
		// 

			
		

	





	

		

			

				
					
js学习六-闭包

				
			

			

				

					菜鸟大侠的专栏
				

				

					05-17
					
					505
					
				

			

		

		

			
				
闭包： 
def:函数内部定义的子函数用到了父函数内部的变量，形成的特定作用域 
功能： 
1.保存函数的执行状态 
code: 
‘a1c2f3g4’中的数字依次用[‘b’.’d’,’e’,’h’]替换 
//count变量会保存在闭包作用域内，表示func被调用的次数<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <tit

			
		

	





	

		

			

				
					
javascript学习手册八：js函数

				
			

			

				

					06-28
				

			

		

		

			
				
### 回答1：
JavaScript 函数是一组语句的集合，它可以被命名并可以被执行多次。函数可以接受参数并返回结果。函数可以在脚本中的任何地方定义，但通常在脚本的开头定义，然后在脚本的其他地方调用。

语法:

```
function functionName(parameters) {
    // code to be executed
}
```

示例:

```
function sayHello(name) {
    console.log("Hello, " + name);
}
sayHello("John"); // Output: "Hello, John"
```

JavaScript 中还有一种类型为 "箭头函数"（Arrow function），其语法与传统函数略有不同。

示例:

```
let sayHello = (name) => { console.log("Hello, " + name); }
sayHello("John"); // Output: "Hello, John"
```
   

### 回答2：
JavaScript函数，可以看做是一种带有特定功能的代码片段。它可以接受参数，以及返回值。函数是JavaScript的重要组成部分之一，它被用于简化代码，实现模块化，以及使代码更易于维护和调试。

函数的定义：使用关键字“function”和函数名来定义函数。函数名是可选的。参数的定义在圆括号内，多个参数使用逗号隔开。函数语句以花括号“{}”来包含。一个函数可以有多个语句。返回值通过“return”语句来实现。

函数的调用：可以通过函数名加上参数列表的形式来调用函数。注意要使用函数名后的小括号“()”，以及实际参数列表。

函数的参数：JavaScript每个函数都可以有零个或多个参数。每个参数由参数名和类型组成。参数的类型是不需要显式声明的。在函数内部可以使用参数名来访问参数的值。如果函数需要返回多个值，可以使用对象或数组。

函数的返回值：函数的返回值可以是任意类型的值。返回值可以直接指定值，或者通过表达式计算得出。如果在函数中没有使用“return”语句，则函数默认返回“undefined”。如果没有显式的返回值，则函数执行到最后一行代码后结束。

函数作为一个值：JavaScript中的函数可以作为一个值被传递给其他函数。函数作为值的特别之处在于，函数可以被存储为变量或对象的属性，或者被其他函数返回。这使得函数可以方便的用于实现回调函数和模块化编程。

闭包：JavaScript中函数的一个特别之处是，函数内部可以定义其他函数。定义在函数内部的函数可以访问外部函数的所有变量和参数，这就是闭包。闭包使得函数可以“记住”调用它时的上下文环境，这使得函数可以在不同的场合下具有不同的行为。

函数的实际应用非常广泛，无论是前端还是后端开发都离不开它。因此，学会灵活、熟练的掌握JavaScript函数，对于从事Web开发的初学者或者有一定开发基础的程序员来说都非常重要。   

### 回答3：
JavaScript 函数是一种可重复使用的代码块，由定义、参数列表和函数体组成，可以对于函数内部逻辑的实现进行封装，从而实现代码的可维护性、可读性和可扩展性。函数是 JavaScript 的核心机制之一，系统中有很多内置函数和用户自定义函数。

函数的定义：

函数可以通过函数关键字 function 来定义，格式为：

```
function 函数名(参数1, 参数2...) {
    // 函数体
}
```

其中，参数可以是任意类型，也可以不定义参数。函数体中可以包括任意合法的 JavaScript 代码，包括变量声明、表达式、语句等。函数名可以是任意合法的标识符，命名规则与变量命名规则相同。

函数的调用：

函数调用时，需要在函数名后面加上一对圆括号，括号中可以包含函数参数的值或表达式。例如：

```
function foo(a, b) {
    return a + b;
}
foo(2, 3); // 5
```

函数的参数传递：

JavaScript 函数中的参数传递可以通过值传递和引用传递两种方式。

值传递是指函数调用时，实参的值会被复制到函数的形参中，在函数内部对形参的修改不会影响到实参的值。例如：

```
function swap(x, y) {
    let temp = x;
    x = y;
    y = temp;
}
let a = 1, b = 2;
swap(a, b);
console.log(a, b); // 1, 2
```

引用传递是指函数调用时，实参是一个对象或数组，函数内部对形参的修改会影响到实参的值。例如：

```
function change(obj) {
    obj.name = 'Tom';
    obj.age = 18;
}
let person = {
    name: 'Jerry',
    age: 20
};
change(person);
console.log(person); // {name: 'Tom', age: 18}
```

函数的返回值：

函数可以通过 return 语句返回一个值，如果没有 return 语句，将返回 undefined。例如：

```
function sum(a, b) {
    return a + b;
}
let s = sum(1, 2);
console.log(s); // 3
```

函数还可以返回一个函数，形成函数嵌套，实现程序逻辑的分离和复用。例如：

```
function makeAdder(a) {
    return function(b) {
        return a + b;
    };
}
let add5 = makeAdder(5);
console.log(add5(2)); // 7
console.log(add5(3)); // 8
```

JavaScript 函数的特点包括可重复使用、可维护性高、参数传递灵活等，可以帮助我们实现复杂的程序设计。在学习和使用 JavaScript 函数的过程中，需要注意函数的命名规范、参数传递的方式、返回值类型的确定等问题，同时也需要注意函数的作用域、闭包、高阶函数等更深入的话题。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值