php学习0707 - php学习 - php中文网博客

首页 > 博客列表 > php学习0707

博主信息

博文 7

粉丝 0

访问量 5585

专题推荐

更多>

1. 变量,常量,数据类型,实例演示,注意命名规范;

js的变量和常量，变量可更新，可先声明再赋值，常量不可更新，声明时必须初始化，变量声明用let,常量声明用const

<!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>编程常识之变量、常量</title>
  </head>
  <body>
    <script>
      // 最重要的两类成员：函数和数据
      // 传统的变量方式，已淘汰或不建议使用
      //   var email = "a@qq.com";
      //   document.write(email);
      //   alert(email);
      //   var email = "555@qq.com";
      //   console.log(email);
      //   console.info(email);
      //   传统js,es6之前的js没有常量，靠自觉靠约定
      //   var APP_NAME = "在线商城";
      //   var APP_NAME = "我的小程序";
      //   console.log(APP_NAME);
      let email = "222@qq.com";
      //   let email = "333@qq.com";
      console.log(email);
      // 常量不能被更新，声明时必须初始化
      const NATION = "China";
      console.log(NATION);
    </script>
  </body>
</html>

效果图如下

js的数据类型包括原始类型和引用类型

1、原始类型包括
数值：整数，小数
字符串：使用双引或者单引号
undefined:未定义
null:空
2、引用类型/对象

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width= , initial-scale=1.0" />
    <title>数据类型</title>
  </head>
  <body>
    <script>
      //   1.原始
      //   2.引用
      function hello() {}
      console.log(typeof hello);
      console.dir(hello);
    </script>
  </body>
</html>

效果如下

2. 函数参数与返回值,匿名函数及箭头函数的转化,实例演示;

<!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>Document</title>
  </head>
  <body>
    <script>
      function aa() {
        return 3 + 4;
      }
      console.log(aa());
      function bb(a, b) {
        return a + b;
      }
      console.log(bb(4, 4));
      //   匿名函数
      let nimi = function () {
        return 5 + 4;
      };
      console.log(nimi());
      //   匿名函数改造为箭头函数
      let nimi1 = () => 5 + 4;
      console.log(nimi1());
    </script>
  </body>
</html>

运行效果如下

批改老师：

天蓬老师

批改状态：合格

老师批语：

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

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

0条评论

作者最新博文

php学习

2021-06-29 10:44:22