学习狂神说js

学习狂神说js：2024-07-24

1.一个合格的后端人员，必须精通JavaScript。——狂神

引入js：index.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<script>
      alert('Hello World!');
    </script>-->
    <!-- script类型默认就是text/javascript，所以不用写type="text/javascript" -->
    <!--<script type="text/javascript">
      alert('Hello JS!');
    </script>-->
    <!-- 外部引入 -->
    <!-- 注意：script标签必须成对出现 -->
    <script src="js/practice.js"></script>
</head>
<body>

</body>
</html>

practice.js：

alert('Hello JavaScript!');

学习JavaScript：2024-07-25

1.严格检查模式：在script的第一行加上：'use strict'

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
      /* 严格检查模式：在script的第一行加上：'use strict' */
      /* 不用严格检查模式的话：i = 1;不会报错。这样会定义全局变量。开发中不推荐。 */
      /* 使用'use strict'后，i = 1;IDE里会报错，且运行时浏览器控制台也会报错：*/
      /* Uncaught ReferenceError: i is not defined */
      'use strict'
      // i = 1;
      let i = 1;
      /* 不写在第一行的话，没有效果 */
      // 'use strict'
    </script>
</head>
<body>

</body>
</html>

学习JavaScript：2024-07-26~2024-07-28

1.练习字符串

1.1转义字符，反斜杠来转义

十六进制 hexadecimal /ˌhek.səˈdes.ɪ.məl/

1.2多行字符串，通过反引号定义

1.3模板字符串使用反引号`，内部直接嵌入${变量值}，无需再通过之前的'单（双）引号再内部隔离子字符串

1.4字符串长度 str.length是一个属性

1.5大小写转换 str.toUpperCase() str.toLowerCase()

1.6查下标 str.indexOf返回查找到的初始下标，不存在返回-1

1.7截取子串 str.substring(let beginIndex)，从参数（起始下标）截取到末尾 str.substring(let beginIndex, let endIndex)，从第一个参数（起始下标）截取到（但不包含）第二个参数（终止下标）， [)，包括起始下标，但不包括终止下标

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
      'use strict'
      /* 转义字符，反斜杠来转义 */
      let practiceEscapeCharacter = 'Tom say:\'hello, world!\'.Peter agreed.';
      // 输出：practiceEscapeCharacter: Tom say:'hello, world!'.Peter agreed.
      console.log('practiceEscapeCharacter: ' + practiceEscapeCharacter);
      /* unicode编码 4e2d是“中”的Unicode编码 */
      let zhongInUnicode = '\u4e2d';
      // 输出：zhongInUnicode: 中
      console.log('zhongInUnicode: ' + zhongInUnicode);
      /* ASCII编码 America standard character for information inchange 美国信息交换标准编码 */
      /* ASCII里十进制65代表A，转换为十六进制即41 */
      /* hexadecimal 十六进制 /ˌhek.səˈdes.ɪ.məl/ */
      let aInHexadecimal = '\x41';
      // 输出：aInHexadecimal: A
      console.log('aInHexadecimal: ' + aInHexadecimal);

      /* 多行字符串，通过反引号定义 */
      let multipleLines = `this
      is an example
      for multiply
      line string`;
      /* 输出：multipleLines: this
      is an example
      for multiply
      line string*/
      console.log('multipleLines: ' + multipleLines);

      /* 模板字符串 使用反引号`，内部直接嵌入${变量值}，无需再通过之前的'单（双）引号再内部隔离子字符串*/
      let bookName = 'How to learn SpringBoot';
      // 我一开始写的这种都是错的，模板字符串里不用再再内部写''来结束子字符串然后拼接了
      let bookInfo = `ISBN of '${bookName}' is '987-9-2222-333'`;
      // 输出：bookInfo: ISBN of 'How to learn SpringBoot' is '987-9-2222-333'
      console.log('bookInfo: ' + bookInfo);

      /* 字符串长度 str.length是一个属性 */
      let strPracLength = 'computer science helps life better';
      // 输出：strPracLength.length: 34
      console.log('strPracLength.length: ' + strPracLength.length);

      /* 大小写转换 str.toUpperCase() str.toLowerCase() */
      let strPracUpperLowser = 'Good good study, day day up!';
      // 输出：strPracUpperLowser.toUpperCase: GOOD GOOD STUDY, DAY DAY UP!
      console.log('strPracUpperLowser.toUpperCase: ' + strPracUpperLowser.toUpperCase());
      // 输出：strPracUpperLowser.toLowerCase: good good study, day day up!
      console.log('strPracUpperLowser.toLowerCase: ' + strPracUpperLowser.toLowerCase());

      /* 查下标 str.indexOf返回查找到的初始下标，不存在返回-1 */
      let strSelectIndex = 'One feature of Spring is IOC';
      // 输出：strSelectIndex.indexOf('feature') is: 4
      console.log('strSelectIndex.indexOf(\'feature\') is: ' + strSelectIndex.indexOf('feature'));
      // 没有，输出：strSelectIndex.indexOf('java') is: -1
      console.log('strSelectIndex.indexOf(\'java\') is: ' + strSelectIndex.indexOf('java'));

      /* 截取子串
      str.substring(let beginIndex)，从参数（起始下标）截取到末尾
      str.substring(let beginIndex, let endIndex)，从第一个参数（起始下标）截取到（但不包含）第二个参数（终止下标），
            [)，包括起始下标，但不包括终止下标 */
      let strPracSubstring = 'Js is important for every backend developer.';
      // 输出：strPracSubstring.substring(6): important for every backend developer.
      console.log('strPracSubstring.substring(6): ' + strPracSubstring.substring(6));
      // 输出：strPracSubstring.substring(6, 14): importan（注意，不包含下标14，所以没有t）
      console.log('strPracSubstring.substring(6, 14): ' + strPracSubstring.substring(6, 14));
    </script>
</head>
<body>

</body>
</html>

posted on 2024-07-25 07:57 平凡力量阅读(5) 评论(0) 编辑收藏举报