JavaScript基础概念与语法

Posted doggod

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript基础概念与语法相关的知识,希望对你有一定的参考价值。

  学习了一些最基础的javascript语法:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device, initial-scale=1">
    <title>Jsstudy</title>
</head>
<body>
<!--JS弹出弹窗-->
<!--        <p>我是p标签</p>-->
<!--    <script type="text/javascript">-->
<!--        document.write("<p>我是JS写入文档流的p标签</p>")-->
<!--    </script>-->

<!--button的使用-->
<!--    <button type="button" onclick="alert(‘我是button弹出的信息‘)">点我弹出信息</button>>-->


<!--JS将文本输入元素-->
<!--    <p id = "demo"> ppp</p>-->
<!--    <script type="text/javascript">-->
<!--        document.getElementById("demo").innerHTML = "Hello World!";-->
<!--    </script>-->

<!--JS函数调用-->
<!--    <script type="text/javascript">-->
<!--        function  myfunc() {-->
<!--            document.write("<h1>我是H1</h1>")-->
<!--            document.write("<h2>我是H2</h2>")-->
<!--        };-->
<!--        myfunc();-->
<!--    </script>-->

<!--变量的使用,变量命名可以用字母与数字和$,数字不能放最前面-->
<!--    <script type="text/javascript">-->
<!--        var y = 3;-->
<!--        x = 1 + 1;-->
<!--        var z = x+y;-->
<!--        // alert(z);-->
<!--        var name = "zhangsan";-->
<!--        var city = "hangzhou";-->
<!--        console.log(name); //F12打开console可以看到-->
<!--        console.log(city);-->
<!--        var x = true;-->
<!--    </script>-->

<!--JS对象-->
<!--    <script type="text/javascript">-->
<!--        var person = {-->
<!--            firstname:"bob",-->
<!--            lastname:"ge",-->
<!--            id:123-->
<!--        }-->
<!--        var name = person.firstname;-->
<!--        console.log(name);-->
<!--    </script>-->

<!--JS数组-->
<!--    <script type="text/javascript">-->
<!--        var course = ["chinese","math","english"];-->
<!--        var vec = new Array(); //定义空的数组-->
<!--        course[3] = "BBQ";-->
<!--        console.log(course[0]);-->
<!--        console.log(course[3]);-->
<!--    </script>-->

<!--JS用typeof查看类型-->
<!--    <script type="text/javascript">-->
<!--        var name = "zhangsan";-->
<!--        var age = 11;-->
<!--        var bool = true;-->
<!--        var arr = [1,2,3,4];-->
<!--        var dict = {-->
<!--            name:"zhangsan",-->
<!--            age:11-->
<!--        }-->
<!--        console.log( typeof(name) ); // string-->
<!--        console.log( typeof(age) ); // number-->
<!--        console.log( typeof(bool) ); // boolean-->
<!--        console.log( typeof(arr) ); //object-->
<!--        console.log( typeof(dict) ); //object-->
<!--    </script>-->

<!--JS,for语句-->
<!--    <script type="text/javascript">-->
<!--        for(var i=10;i<15;i++){-->
<!--            document.write("<p>"+i+"</p>");-->
<!--        }-->

<!--        var arr = [1,2,3,4];-->
<!--        // i 遍历的是下标而不是元素-->
<!--        for(i in arr){-->
<!--            document.write("<p>" + arr[i] + "</p>")-->
<!--        }-->
<!--    </script>-->

<!--JS,while语句-->
<!--    <script type="text/javascript">-->
<!--        var arr = [1,2,3,4];-->
<!--        var index = 0;-->
<!--        while(index < arr.length){-->
<!--            document.write("<p>" + arr[index] + "</p>");-->
<!--            index ++;-->
<!--        }-->

<!--        index = 0;-->
<!--        do{-->
<!--            document.write("<p>" + arr[index] + "</p>");-->
<!--            index ++;-->
<!--        }while(index < arr.length);-->
<!--    </script>-->

<!--JS函数-->
<!--    <script type="text/javascript">-->
<!--        //可以定义无参函数-->
<!--        function func(x,y) {-->
<!--            var z = x+y;-->
<!--            document.write("<p>"+z+"</p>");-->
<!--            return z; // 可以没有返回值-->
<!--        }-->
<!--        var t = func(2,3);-->
<!--        document.write("<p> 按返回值:"+t+"</p>");-->
<!--     </script>-->


</body>
</html>

 

以上是关于JavaScript基础概念与语法的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript基础

javascript基础语法——变量和标识符

React教程:JSX语法基础

JavaScript的一些基础语法和常用方法(附代码)

组件&Props

JavaScript高级程序设计学习之基本概念