简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > JS声明、初始化、作用域等演示
Blogger Information
Blog 36
fans 1
comment 0
visits 26400
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JS声明、初始化、作用域等演示
早晨
Original
1015 people have browsed it

运行效果

代码

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>JS声明、初始化、作用域等演示 </title>
  8. </head>
  9. <body>
  10.     <!-- 引用外部JS脚本 -->
  11.     <!-- <script src="xxx.js"></script> -->
  12.     <!-- js内部脚本 -->
  13.     <script>  
  14.                     // 声明变量 a,且初始化赋值
  15.                     let a =100;
  16.                     let b =50;
  17.                     // 查看结果
  18.                     // console:控制台对象
  19.                     console.log(a);
  20.                     console.log(b);
  21.                     // 匿名函数
  22.                     {
  23.                     a + b ;
  24.                     c =  a + b ;
  25.                     console.log(c);
  26.                     console.log( a + b );
  27.                     let d = '早晨你好！' ;
  28.                     console.log(d);
  29.                     }
  31.                 // 命名函数    在js中, 字符串的拼装: "+",二边至少有一个字符串
  32.                 function sum ( a , b  ){
  33.                             return  a  +  b ;
  34.                         }
  35.                 console.log(sum('2022年' , ',早晨你好！' ));
  36.                 console.log(sum(10, 5 ));
  38.                 function sum ( f , g ) {
  39.                             let e = f +  g ;
  40.                                 return e ;
  41.                     }
  42.                     console.log(sum (50, 20));
  44.                 // 全局作用域 , 代码块/函数的外部声明的  
  45.                 let email = 'abde@sina.com';
  46.                     {
  47.                         console.log(email);
  48.                     }
  50.                 let email2 = 'obq@sina.com' ;
  51.                 {
  52.                             let email2 = 'cdae@sina.com';
  53.                             console.log(email2);
  54.                     }
  55.                 console.log(email2);
  58.                 // 我是常量
  59.                 const H = 55  ;
  60.                 console.log(H);
  61.                 // 标识符可用的字符:
  62.                 // 1. 字母, 数字, 下划线, $
  63.                 // 2. 不能以数字开始
  64.                     let $abc = 22;
  65.                     console.log($abc);
  66.                     let _ab = '下划线';
  67.                     console.log(_ab);
  68.                 // 常量遵守标识符的规则,但是为了更快的识别它
  69.                 // 1. 全部使用大写字母
  70.                 // 2. 多个单词之间用下划线: USER_EMAIL
  71.                 // 变量的命名规则
  72.                 // (1). 驼峰式: username->
  73.                 //  1.1 小驼峰: username -> userName
  74.                 //  1.2 大驼峰: username -> UserName
  75.                 // 小驼峰: 变量,函数(动词+名词: getUserInfo())
  76.                 // 大驼峰: 类,构造函数, 还有一个别名: 帕斯卡命名法
  78.                 // (2) 蛇形命名法
  79.                 // 1. username -> user_name
  80.                 // 2. 常量: USER_NAME
  82.                 // 命名函数
  83.                 function getName(userName){
  84.                 return  '在' +userName ;
  85.                 }
  86.                 console.log( getName('2022早晨'));
  87.                 //  匿名函数
  88.                 let getName1 = function (userName1){
  89.                 return '2022' + userName1 ;
  90.                 }
  91.                 console.log(getName1('年7月'));
  93.                 // 阅读及焚
  94.                     console.log(
  95.                         (function (d_username) {
  96.                         return '今天是, ' + d_username;
  97.                         })('你的生日吗？')
  98.                     )  ;
  99.                 // 简化匿名函数
  100.                 // 去掉 function  及形参的括弧，在形参的右侧增加 =>  胖箭头  
  101.                 getName1 = userName1 =>  {
  102.                 return 'hello,' + userName1 ;
  103.                 }
  104.                 console.log(getName1('地冬老师'));
  105.                 // 再次简化 ，去掉{   }   ，去掉return 注意又有分号
  106.                 getName1 = userName1 =>  
  107.                 'hello,' + userName1 ;
  108.                 console.log(getName1('猫老师'));
  109.                 let f = x  => x * 5  ;
  110.                 console.log( f ( 10 ));
  111.                 f =(x ,z) => 5 * 5 ;
  112.                 console.log( f() );
  113.                 f =( x ,z ) => x + z ;
  114.                 console.log(f( 8 , 9 ));
  115.                 f =() => '今天是个好日子。'
  116.                 console.log(f());
  117.         </script>
  118. </body>
  119. </html>
Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！