JavaScript基础

2022/2/9 20:18:49

本文主要是介绍JavaScript基础,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

一、js编写位置

1、行内嵌入式

可以将js代码编写到button标签的onclick属性中,当我们点击按钮时,js代码才会运行。

 <button onclick="alert('Hello World');">点击</button>

可以将js代码编写在超链接ahref属性中,当点击超链接时,执行js代码。

<a href="javascript:alert('Hello World');">点击</a>

虽然可以写在标签的属性中,但是结构与行为耦合,不方便维护,不推荐使用。

2、页内嵌入式

编写在script标签中,直接显示

    <script>
        alert("Hello World");
    </script>

3、外链式

编写到外部js文件(.js)中,通过script标签引入

<script src="./script.js"></script>

写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制,推荐使用的方式。

注:
script标签一旦用来引入外部js文件,再编写代码会被浏览器忽略,如果需要再编写代码,需要重新创建一个script标签。

    <script src="./script.js"></script>
    <script>
        alert("Hello World");
    </script>

二、js注释

注释中的内容不会被执行,但是可以在源代码中查看
多行注释

  /*
      注释。。。
      注释。。。
      注释。。。
  */  

单行注释

// 单行注释       

三、js几个基本概念

1、书写语法

  1. js中严格区分大小写。
  2. js中每一条语句以分号(;)结尾。
    如果不写分号,浏览器会自动添加,但是会消耗一些系统资源。而且有些时候,浏览器会加错分号,所以在开发中分号必须写。
  3. js中会忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化。

2、字面量和变量

字面量

字面量,都是一些不可改变的值

变量

变量可以用来保存字面量,只可以任意改变
在js中使用var关键字来声明一个变量
声明和赋值可以同时进行

       // 声明变量 
       var a;
       // 为变量赋值  
       a = 123;
       // 声明和赋值同时进行
       var b = 456;   
      
       console.log(a);
       console.log(b);

3、标识符

-在js中所有的可以由我们自主命名的都可以称为是标识符

-例如:变量名、函数名、属性名都属于标识符

-命名一个标识符时需要遵守如下的规则:

  1. 标识符中可以含有字母、数字、_、$
  2. 不能以数字开头
  3. 不能是ES中的关键字或保留字
  4. 一般都采用驼峰命名法
    首字母小写,每个单词的开头字母大写,其余字母小写 (helloWorld)

-js底层保存标识符时实际上是采用Unicode编码,所以理论上讲,所有的utf-8中含有的内容都可以作为标识符



这篇关于JavaScript基础的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程