一、函数的参数

  1. x,就是函数的参数<br /> 函数的参数是局部变量
  1. <script>
  2. function show(x){
  3. console.log(x)
  4. }
  5. console.log(x);
  6. show(3)
  7. </script>

函数(声明一个函数)

1.使用function关键字去声明

  1. function show(){
  2. console.log("hello world")
  3. }

2.var

  1. var show = function(){
  2. console.log("hello");
  3. }

3.return

  1. function go(){
  2. return "1"
  3. }

8.5 函数的参数

  1. 1.函数传不定参
  2. 2.arguments (函数内部的一个对象,接收传递过来的参数)(arguments是一个类数组的对象)
  3. 3.重载
  1. function go(a){
  2. console.log(arguments[1])
  3. console.log(a);
  4. }
  5. go(10,12);

js中没有重载的概念,因为重复声明,下面的会覆盖上面的声明

  1. function go(a){
  2. console.log(a);
  3. }
  4. function go(a,b){
  5. console.log(a+b);
  6. }
  7. go(10);
  8. go(10,20);

8.5.1 使用arguments 模拟重载
  1. function go(){
  2. if(arguments.length == 1){
  3. console.log(arguments[0])
  4. }else if(arguments.length == 2){
  5. console.log(arguments[0]+arguments[1])
  6. }
  7. }
  8. go(1)
  9. go(10,20)

8.5.2 函数的返回值

// 函数return之后,return后面的语句不再执行
// 作用:将函数内部的值返回到外部

  1. function go(){
  2. return "hello world";
  3. console.log("good")
  4. }
  5. console.log(go())

8.6 函数和对象

  1. 1.对象的方法 #(在方法中,谁执行方法,this就指向谁)
  2. 2.indexof # arr.indexof (value) 获取数组的下标
  3. 3.es6 # 键和值(key:value)相同的时候只用写一个
  4. 4.解构 # (1.左边读取的字段,右手边必须有 2.读取的是右边的第一个层级)

函数在对象中作为方法的语法(三种)

  1. var obj = {
  2. name:"shang",
  3. sayName(){
  4. console.log(this.name)
  5. },
  6. sayAge:()=>{
  7. console.log(18)
  8. },
  9. saySkill:function(){
  10. console.log("javascript")
  11. }
  12. }

8.6.5 块级作用域

  1. for(let i=0;i<2;i++){
  2. console.log(i)
  3. }
  4. console.log(i)

二、++,—

  1. ++放前面先自增,后运算
  2. ++放后面先运算,再自增
  1. -- 放前面先自减,后运算
  2. -- 放后面先运算,再自减

三、function封装

function封装一段特定功能的代码块

  1. <script>
  2. go();
  3. function go(){
  4. console.log("hello world")
  5. }
  6. // go();
  7. </script>

四、快捷键生成div

div.one*4 { hello $ }

  1. <div class="one">hello 1</div>
  2. <div class="one">hello 2</div>
  3. <div class="one">hello 3</div>
  4. <div class="one">hello 4</div>