javaScript基本语法

1.什么是JavaScript语法?

书写JavaScript代码语句的方法。

2.JavaScript代码语句写在哪里?

(1)概述
1. 浏览器控制台
2. 网页的script标签(类比内嵌式css)
3. 写在单独的js文件内,通过script标签引入(类比链接式css)
(2)基本演示
写在浏览器控制台直接运行
在这里插入图片描述

网页的script标签(类比内嵌式css)
Script标签既可以写在head标签内,也可以写在body标签内。和style标签一样。

在这里插入图片描述

在这里插入图片描述

写在单独的js文件内,通过script标签引入(类比链接式css)

在这里插入图片描述

3.有了写的地方后,该怎么写呢?

写法如下:
(1)独占一行【一般每条语句独占一行,如果一行有多条语句 那么需要以分号间隔
(2)每条语句后,都使用分号结尾或都不使用分号结尾。必须风格一致。
(3)注释写法【单行注释 // , 多行注释 /* */

4.知道了写法之后,怎样才能书写我们想要的代码呢?

需要了解如下东西
(1)一些基本的名词概念
常量 ,变量, 全局变量, 局部变量,关键字,保留字,数据类型,运算符,

现实生活与程序的映射关系,基本概念如下:

  • 生活中长久不变的事物------->在js中称为常量,比如圆周率,物理规则

  • 生活中经常变化的事物------->在js中称为变量,比如钱,早餐,男女朋友(对于某些人)

  • 生活中经常变化且到处都起作用的事物------->在js中称为全局变量,比如中央政策

  • 生活中经常变化且到只在某一处起作用的事物------->在js中称为局部变量,比如地方政策

  • 生活中已经被别人使用了的名称,不在允许你使用------->在js中称为关键字,比如公司名

  • 生活中还没有被别人使用但是准备以后使用的名称,也不在允许你使用------->在js中称为保留字

(2)这些名词的代码表示
基本名词了解清楚之后,我们要开始用代码来表示这些名词所代表的含义
1)常量 ,变量
要声明一个常量 或 变量时,写法如下:

     声明关键字 + 变量或者常量名 + 变量或者常
     量值

例子:

声明一个常量: const   NAME      =  1  ;  //常量名一般全给大写
声明一个变量: var     secondNmae  =  1  ;// 变量名应该使用小驼峰命名法

变量命名方式:

英文+驼峰命名法【不能以数字开头,不能是关键字或保留字

驼峰命名法:
小驼峰命名法:
当一个变量由多个单词组成时,第一个单词的首字母小写,后面每个单词的首字母都大写。
如: var myFirstSchool
大驼峰命名法:
当一个变量由多个单词组成时,每个单词的首字母都大写
如: var MyFirstSchool

2)全局变量 与 局部变量

要声明一个全局变量 或 局部变量时,写法和变量声明一样,不同的是全局变量定义在最开始的位置,或者不给出var关键字(只在非严格模式下有效)

例子:

声明全局变量: var     globalVar=  1  ;  //这行代码应该在js文件的第一行
声明全局变量: secondNmae  =  1  ;// 不加var关键字,只在非严格模(use strict)式下有效

3)关键字
生活中已经被别人使用了的名称,不在允许你使用------->在js中称为关键字,比如用户名
关键字有哪些呢?
在这里插入图片描述
4)保留字
生活中还没有被别人使用但是准备以后使用的名称,也不在允许你使用------->在js中称为保留字
保留字有哪些呢?
在这里插入图片描述

(3)数据类型
1)什么是数据类型?
生活中的一切都可以是一种信息,是一种数据。
然后生活中的事是可以分门别类的。
也就是说数据是可以分门别类的------》在js中反映出来的就是数据类型。

2)数据类型具体有哪些呢?
Es5中有六种,加粗字体的六种

我们在数学中学习的阿拉伯数字,不管整数还是小数-----》number【数值类型】

var test=666;

我们在语文中学习的作文诗歌等文字-----》string 【字符串类型】

var test=”666”;

我们生活中出现的两种状态,真或假,是或否-----》 boolean 【布尔型】

var test=false;
var test=true;

一连串数据的集合,比如各科成绩【90,80,76,89】-----》Array【数组类型】

var test=[1,2,3,4];
var test=[“zhangsan”,”lisi”,”wangwu”];

世界上,万事万物我们都可以称之为一个对象------》object 【对象类型】

var test={
Name:”zhangsan”,
Sex:”man”,
Age:18,
};

生活中要实现某些目的实现的步骤集合,写文章,谈恋爱-------》function 【函数类型】

var add=function(a,b){
return a+b;
}

function add(a,b){
return a+b;
}

生活中存在但是没有登记注册的,比如黑户-------》undefined 【未定义类型】

var test=undefined;

在这个世界上不存在的事物在js中的表示----------------》null 【空类型】

var test=null;

在世界上独一无二的事物-------》Symbol 【Symbol 类型,es6新类型,暂时仅做了解】

1)什么是运算符?
做运算的符号就是运算符。
生活中的加减乘除等符号------》在js中反映出来的就是运算符
2)运算符具体有哪些呢?

  • 算术运算符(生活中的各种算数符号):

加(+),减( - ),乘(*),除(/),取余(%),幂运算(**),递增 (++)
递减 (–),一元正号 (+),一元负号 (-)

  • 赋值运算符: =, +=(其中加号可以换做其他赋值运算符)

  • 比较运算符: < > ==(等于) != =(全等于) ! >= <=

  • 条件(三元)运算符: 条件是否成立 ? 成立使用的表达式 : 不成立使用的表达式

  • 逻辑运算符: &&(逻辑与), ||(逻辑或), !(逻辑非),

(5)补充
1.检测变量类型: typeof 变量名
2.同时声明多个变量:var v1=1,v2=2,v3=3,v4=4;
3.通过纯的js代码获取用户输入
prompt(“title”,“内容”)
在这里插入图片描述

4.用js代码进行输出
console.log(“输出内容”);
alert(“输出内容”);
5.用js代码让弹出用户选择的弹框
confirm(“你确定要和我在一起吗?”)

在这里插入图片描述

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值