初识JS主要实例场景使用演示 - 大前端

首页 > 博客列表 > 初识JS主要实例场景使用演示

博主信息

博文 14

粉丝 2

访问量 9294

专题推荐

更多>

1. 实例演示变量,常量的声明与初始化,使用方法

1.1、变量与常量的声明方式

1.1.1、变量用let声明，声明内容可以为空，后续可以更新，具备作用域功能；

1.1.2、【var】此前版本使用，后续统一为let吗，，var无作用域功能，容易引起代码数据混乱；

1.1.3、常量用const声明，常量后续不可更新，必须声明内容；

1.1.4、代码中的成员主要数据和操作；

1.1.5、console是控制台用于查看数据，log方法是打印内容显示

console.log(object);object是自变量，字符串；引号是字符串的定界符（内容的开始—结束边界）

1.1.6、变量使用前，必须要声明；

变量是数据的临时存放容器；
变量是自变量的数据复用
操作要书写到{}里面；

图片示例展示

代码实例演示

    <script>
    //变量的声明方式
        //初始化为第一次赋值，后续为更新;同一个变量，不能重复被声明；
        //let a;
        //a=10;
        let a = 10;
console.log(a);
    //常量的声明方式
        const a=9999;
        console.log(a);//输出9999
        //操作都需要写到大括号内
        {
            let ya = "你好中国网!"+"你好，世界网！"
            console.log(ya);
            console.log(a+d);
            console.log(a*d);//输出1990
            console.log(a+"99"); //输出1099
            console.log(a+ya); //10你好中国网!+你好，世界网！
        }
        //函数演示,有开发者自定义数值
        function sum(t,d) {
           // let c = t+d;
           // return c;
           return t+d;
        }
        console.log(sum(80,100));
        console.log(sum(180,1010));
        console.log(sum(8880,10990));
    </script>

2. 实例演示作用域的类型与查看方式

//全局作用域与私有作用域演示
//优先级顺序：先返回函数内赋值，若无则调用全局的赋值；
let js=998;
function g(){
    //let js=888;【未注释则返回888，注释返回998】
    return js;
}
console.log(g(js));

3. 写出合法标识符的基本规则,并实例演示

合法标识符：字母，数字，$,_均可使用，但是数字不能用于开头
默认变量不能使用，如let，var，class，function

//变量合法标识符：字母，数字，$,_均可使用，但是数字不能用于开头
//默认变量和特殊字符不能用作变量，如let，var，class，function
//不合法变量标识演示
let let=999;
let var=999;
let class=999;
let function=999;
let a$#=999;
let 99let=999;

//变量合法标识符：字母，数字，$,_均可使用，但是数字不能用于开头
//默认变量和特殊字符不能用作变量，如let，var，class，function
//正确使用变量标识演示
let $=17;
console.log($);
let d_d=179;
console.log(d_d);
let dd_=1007;
console.log(dd_);
let _$ss=188997;
console.log(_$ss);
let _=9999888997;
console.log(_);

4. 实例演示最常用的三种函数类型

//有名函数
let a = 100;
function f(){
    console.log(123);
    //没有加 return，则先返回123，后续必反回undefined；若该函数内直接打印数据，则因数据混乱无限报错；
}
console.log(f());

//匿名函数
      let aValue = function (uName) {
 return  uName+"php中文网！";
};
console.log(aValue("梦想开始的地方——"));

//箭头函数:用来简化匿名函数，如果只有一个形参可以去掉括号，如果没有参数和有多个参数必须加括号
aStee = (yuPee)=>{
    return "php中文网"+yuPee+"专业教学，您值得信赖！"
}
console.log(aStee(20));

//完整演示代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS代码实例效果演示</title>
</head>
<body>
    <script>
        //初始化为第一次赋值，后续为更新;同一个变量，不能重复被声明；
       // let a;
       // a=10;
        let a = 10;
        console.log(a);
        console.log(a+a);
        console.log(a*5);
        console.log(a*a);
        console.log(a-a);
        const B = 9999;
        console.log(B);
        let d = 199;
        //操作都需要写到大括号内
        {
            let ya = "你好中国网!"+"你好，世界网！"
            console.log(ya);
            console.log(a+d);
            console.log(a*d);//输出1990
            console.log(a+"99"); //输出1099
            console.log(a+ya); //10你好中国网!+你好，世界网！
        }
        //函数演示,有开发者自定义数值
        function sum(t,d) {
           // let c = t+d;
           // return c;
           return t+d;
        }
        console.log(sum(80,100));
        console.log(sum(180,1010));
        console.log(sum(8880,10990));
                //函数演示,有开发者自定义数值
                function sum(a,b) {
           // let c = t+d;
           // return c;
           return a+b;
        }
        console.log(sum(8,10));
//有名函数
//匿名函数
function f(){
    console.log(123);
}
console.log(f());
//变量合法标识符：字母，数字，$,_均可使用，但是数字不能用于开头
//默认变量和特殊字符不能用作变量，如let，var，class，function
//let let=999;
//let var=999;
//let class=999;
//let function=999;
//let a$#=999;
//let 99let=999;
let $=17;
console.log($);
let d_d=179;
console.log(d_d);
let dd_=1007;
console.log(dd_);
let _$ss=188997;
console.log(_$ss);
let _=9999888997;
console.log(_);
//全局作用域与私有作用域演示
let js=189989565;
function g(js){
    //let js=888;
    return js;
}
console.log(g(js));
//函数作用域,p,q是形式参数，参数列表；
function si(p,q){
    //let ki=p+q;
    //return ki;
    let kii=p*q;
    return kii;
}
console.log(si(15,20));
let tel=18800009999
//console.log(tel);
{
   // let tel=10020003000
    console.log(tel);
}
      // 1. 全局变量：代码区块，函数外部的变量，可以在代码区块，函数里使用
      let userInfo = "name +  age +  sex";
      function getUserInfo() {
    // let userInfo="朱老师"+"19岁"+男;
        return userInfo;
      }
      console.log(getUserInfo());
      //   查看变量类型
      console.log(typeof getUserInfo());
      // 2. 局部变量：代码区块，函数内部的变量，不能在代码区块，函数以外使用
      function dropBeat() {
        let beat = "Still Dre";
        return beat;
      }
      console.log(dropBeat()) ;
      function dropBeat(a,b) {
        let beat = a*b;
        let ets = a+b;
        return beat;
        return ets;
      }
      console.log(dropBeat(100,200)) ;
      let aValue = function (uName) {
 return  uName+"php中文网！";
};
console.log(aValue("梦想开始的地方——"));
//箭头函数
aStee = (yuPee)=>{
    return "php中文网"+yuPee+"专业教学，您值得信赖！"
}
console.log(aStee("20年"));
    </script>
</body>
</html>

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

1条评论

kiraseo 2022-07-20 23:10:55

写的好完整啊，赞

1楼

作者最新博文

2022年7月php学习心得·第二节课程

2022-07-02 11:47:31