js函数知识 | 青训营

59 阅读2分钟

1.转义字符

console.log(""日照香炉"");

    console.log("'日照香炉'");

    console.log("'日照\n香炉'");

    console.log("日\照香\炉");

2.对象增删改查
// Object类型,也称为对象,是js引用数据类型,是复合值

        //很多值聚合到一起,可通过名字访问这些值,无序集合,每个属性都是一个名/值对

        //对象除了可以创建自由属性,还可以提供从名为原型的对象继承属性

        //除了字符串,数字,true,false,null,undefined外,js中的值都是对象

        //创建对象

        var person = new Object()

        person.name = 'ni'

        person.age = 18

        console.log(person);

        //键:属性名称   值:属性值     对

        var person2 = { name: 'wo', age: 17 }

        console.log(person2);

        //访问对象

        console.log(person.name);

        console.log(person['age']);

        //删除属性

        delete person2.age

        console.log(person2);

        //遍历对象

        for(var i in person){

            console.log(i);

        }

 

        for(var i in person){

            var w=person[i]

            console.log(i+':'+w);

        }

        //修改对象

        person2.name='ta'

3.函数

//函数是由一连串子查询(语句的集合所组成),可以被外部程序调用,

       //向函数传递参数之后,函数可以返回一定的值

       //创建函数  var 函数名=new function("执行语句")(几乎不用)

       var f1=new Function("console.log('yi')")

        //用函数声明创建一个函数(较常用)

        /*

        function 函数名(形参1,形参2){

            语句

        }*/

        function fun(){

            console.log('fun');

        }

        //使用函数表达式来创建一个函数(比较常用)

        /*

            var 函数名=function(形参1,形参2){

 

            }*/

        var f3=function(num1,num2){

            console.log('san');

            return num1+num2

        }

        //调用函数

        f1()

        f3(1,2)

        console.log(f3(1,2));

        var a=f3(2,3)//有参函数

        console.log(a);

 

        //立即执行函数

        (function(){

            alert('立即')

        })()

4.对象函数

  var person = {

            //属性

            name: "ni",

            age: 18,

            //行为

            sing: function () {

                console.log('sing');

            },

            dance: function () {

                console.log("dance");

            }

        }

        person.dance()

        person.sing()

5.事件
<button onclick="f1()">单击

    <button ondblclick="f2()">双击

    <button onmousedown="f3()">鼠标按下

    <button onmouseup="f4()">鼠标抬起

    <button onmouseover="f5()">悬浮时

    <button onmousemove="f6()">移动

   

   

   

   

      //html事件可以触发浏览器中的行为,点击某个html项启动某段代码

      //鼠标事件:鼠标触发事件

      function f1(){

        alert('单机')

      }

      function f2(){

        alert('双击')

      }

      function f3(){

        alert('按下')

      }

      function f4(){

        alert('抬起')

      }

      function f5(){

        alert('悬浮')

      }

      function f6(){

        alert('移动')

      }

6.键盘事件
// onkeydown:按下按键时运行脚本

        // onkeyup:松开按键时运行

        // onkeypress:按下并松开时运行

        window.onkeydown=function(event){

            console.log(event);             alert(event.keyCode)

        }