前端js基础-CSDN博客

本文链接：https://blog.csdn.net/baidu_31028577/article/details/124334852

编辑器：

js类型：

字符串，数组，对象。

 // 数组定义：
 let abc = [];
 //或者
 // let abc = new Array();
 abc.push("wrewr");
 abc.push("wr333ewr");
 //访问：
 alert(abc)
 alert(abc[0]);
 //对象定义
 let person = {
      name: '22',
      age: 'wew',
      height: '问的人'
  }
// let person = {}
 //访问：
 alert(person)
 alert(person.age)

js中空判断：

 //如果要检查一个字符串是否为空，可以使用以下代码：
            let str ='';
            if (str === "") {
                // str is an empty string
                alert(str)
            }else {
                alert('bukong str ')
            }
            let str2 ;
            if (str2 === "") {
                // str is an empty string
                alert(str2)
            }else {
                // str2 是null, 会到这里
                alert('bukong  str2 ')
            }
            // 如果要检查一个数组是否为空，可以使用以下代码：
            let array = [];
            if (array.length === 0) {
                // array is an empty array
                alert(array)
            }else {
                alert('bukong  array ')
            }
            // 如果要检查一个对象是否为空（即没有任何属性），可以使用以下代码：
            let obj = {}
            if (Object.keys(obj).length === 0) {
                // obj is an empty object
                alert(obj)
            }else {
                alert('bukong  obj ')
            }
            // 请注意，对于任何类型，都要先判断null，  null 和 undefined 也通常被认为是“空”的值。如果要检查一个变量是否为 null 或 undefined，可以使用以下代码：
            let variable ;
            if (variable == null) {
                // variable is either null or undefined
                alert(variable)
            }else {
                alert('bukong  variable ')
            }

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function myFunction(x, y) {
            // "use strict";
            let aaa = x * y;
            const z = x + y;
            str = x + " + " + y + " = " + z;
            console.log(str);
            alert(str)
        }

        let person = {
            name: '22',
            age: '',
            height: ''
        }

        function aFunction(x, y) {
            // "use strict";
            person.difang = x
            let ab = new Array();
            ab.push(
                [1, 23, "abcd", 'efg'],
                [222]
            );
            let abc = new Array();
            abc.push('wew', 4334);
            person.shengfen = {
                aa: 11,
                bb: "22"
            }
            person.qita = ab;
            person.abc = abc;
            console.log(person);
        }
    </script>
</head>
<body>

<div id="logo">
    <a href="#"> ff 的 div </a>
    <button onClick="myFunction(1,2)">点击这里</button>
    <button onClick="aFunction(1,2)">点击这里222</button>
</div>

<div id="page">
    <a href="#"> 我是第一层div </a>
    <div id="logo33">
        <a href="#"> 我是第二层div </a>
        <button onClick="myFunction(1,2)">点击这里</button>
    </div>


</div>

</body>
</html>