Javascript回顾(二)

Javascript回顾(二)

1、函数

parameter 参数

  • 函数的创建
function  function_name (parameter) {
    
    

	函数体,由一条或多条语句组成;

}


<script>
    function hello (site) {
     
     
        document.write(site + '欢迎您');
    }
    hello('北京') //函数的调用
</script>

image-20201217184058170

函数其实也是一个对象,可以将它赋值给一个变量再进行相应的操作。例如这样:

<script>
    var hello = function hello (site) {
     
     
        document.write(site + '欢迎您');
    }
    hello('不光是北京,西安也') //函数的调用
</script>

2、变量作用域

就是局部变量和全局变量

3、JavaScript对象

  • 面向对象是一种编程思想,一种解决问题的方式

  • 一切皆对象,一个字符串一个数字html中的一个元素,都是对象。

  • JavaScript是基于原型创建对象,不像其他编程语言通过类来创建对象。

提供这些方法和属性的对象就是原型,而其他编程语言的类只是一个模板而不是对象,但是Javascript中的原型就是对象。

对象(属性+方法)

对象属性:存储信息的容器,载体就是变量

对象方法:是对象的行为,也就是其实现的功能,载体就是函数

其实对象中的属性和方法就是变量和函数,只不过之前的函数和变量是浏览器直接调用,而这里的函数和变量是对象来直接调用。

4、JavaScript对象的创建与查看

以下是三种创建对象的方式,调用其属性和方法的方式都一样。

  • 构造器创建

    var objName = new Object()
    
    同下
    

    image-20201218105342266

  • 花括号创建

    var objName = {
          
          }
    
    objName.attribute_1 = value_1
    
    objName.attribute_2 = value_2
    
    objName.method_1 function () {
          
          }
    
    ...
    

    image-20201218110145516

  • 字面量创建

    var objName  = {
          
          
    
    		attribute_1: value_1,
    
    		attribute_2: value_2,
    
    		method_1: function () {
          
          }
    
    		...
    
    }
    

    image-20201218112419220

5、if条件语句

if(条件){
    
    

	语句;

}else{
    
    

	语句;

}
if(条件){
    
    

	语句;

}else if(条件){
    
    

	语句;

}else if(条件){
    
    

	语句;

}
...

6、switch语句

switch (变量) {
    
    

    case1:

	语句1break;

	...

	default:

	...

}


7、循环语句

  • while

    while (i<10) {
          
          
    
      i += 2;
    
      console.log('当前i的值是:'+i);
    
    }
    
  • do…while…

    do {
          
          
    
      i += 2;
    
      console.log('当前i的值是:'+i);
    
    } while (i < 10)
    
  • for循环

    for (初始条件; 执行条件; 更新条件){
          
          
    
    	循环体;
    
    }
    
  • for…in…循环

    这个有点像python哈哈哈

    作用:遍历对象中的属性或数组中的元素

    for (占位符 in 对象) {
          
          对象[占位符]}
    

    执行中,占位符会被对象属性或数组元素代替,数据输出必须作用[ ],不要用.操作符。

    占位符就是在程序执行过程中会被真实值替换的标识符。

    • 遍历对象中的属性

      image-20201218170011815

    • 遍历数组中的元素

中的元素

for (占位符 in 对象) {
    
    对象[占位符]}

执行中,占位符会被对象属性或数组元素代替,数据输出必须作用[ ],不要用.操作符。

占位符就是在程序执行过程中会被真实值替换的标识符。

  • 遍历对象中的属性

image-20201218170011815

  • 遍历数组中的元素

    image-20201218170935938

猜你喜欢

转载自blog.csdn.net/qq_43665434/article/details/111463992