前端从入门到精通---认识Javascript

从上文我们知道了什么是HTML?那什么是Javascript呢?Javascript简称JS,是运行在浏览器上的解译型脚本语言,支持面向对象函数式编程等,其中我们最为熟悉的编程框架如VueReactAngular最后都是编译成原生Javascript运行的。
下面让我们看一段Javascript代码:

   <html>
		<head>
		  <title>认识Javascript</title>
        </head>
	    <body>
          <script>
		    var a = 1;
		    var b = 2;
		    function test() { // 这是一个函数
		       var c = 3
		       return a + b + c;
		    }
		    console.log(test());
		    alert(a + b);
          </script>
        </body>
  </html>

PS: <script />标签的声明可以在<head />中声明,也可以在<body />中声明,javascript代码可以写在js文件中,通过<script />标签引入,或直接写在<script />标签内。

  • var表示声明一个变量,变量名为a,并给变量a赋值为数值1;表示一个结尾。如果需要用var声明多个变量,中间可使用,分开,如:var a = 1, b = 2
  • function表示声明一个函数,其中函数名为test,这里是无参函数。如果需要传入参数,则声明可为function test(a, b = 2){}()内为传入的参数,如果需要赋默认值,则直接用=给其赋值即可。test中声明一个变量为c,其值为3,变量c只可在函数test中使用,不可在test外使用。
  • console用于 JavaScript 调试,是浏览器提供的内置对象,可通过F12,打开浏览器开发者工具,在其控制台中查看打印结果。常用的函数为console.log(输出信息)console.info(console.log别名,输出信息)console.error(输入错误信息)。另外console还可使用占位符打印信息,如console.log("%d年%d月%d日",2021,09,22);,输出2021年09月22日
  • alert为javascript中window对象中的内置函数,用于弹出一个模态对话框,显示提示信息,会阻断代码的运行。alert可以是一个数字、字符串等,也可以是一对运算代码。

注释

  • 当前行注释使用 //
  • 多行注释可以使用 /* xxx */,可以换行显示。
var a = 1 // 这是一个单行注释
var b = 2 /* 这是一个多行注释 */

/**
 * test 函数,参数为a 和 b
 */
function test(a, b = 2) {
    return a + b
}

代码执行顺序
Javascript 代码在运行时, 会分为两大部分: 检查装载阶段执行阶段:

  • 检查装载阶段: 会先检查代码的语法错误, 进行变量、函数的声明;
  • 执行阶段: 变量的赋值、函数的调用等, 都属于执行阶段;

下一节我们将认识一下Javascript的数据类型

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值