Javascritp 基础学习01

JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。为了迎接Node、React和Vue教程,从基础到复杂的框架进行一路学习。

实现

在HTML页面中插入JavaScript用<script>标签来实现效果:

<script>
alert("你好,全端观察");
</script>

输出

alert('你好,JS'); //弹窗形式显示内容
document.write("<h1>你好,Js</h1>"); //将HTML文档输出中
prompt("请输入您的数据"); //用来显示数据库填写内容
prompt("请输入","ok") //第二个值是显示默认值
console.log("全端观察");   //使用 console.log() 写入到浏览器的控制台

变量

var name;
name= "全端观察";
alert(name); //输出全端观察

//简写
var name = "全端观察";

//多个变量
var name,sex,age;
name="全端观察老师";
sex="男性";
age="35";

变量注意问题:

  1. 严格控制大小写
  2. 不能数字开头
  3. 不能用关键词(Js保留字),除了第一个字母大写外
  4. 无分号情况下,不能一行只能换行
//JavaScript 所有关键字:
break
case
catch
continue
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with

//无分号正确写法:
alert(name) 
alert(name)
alert(name)
alert(name)

声明改变变量,只读取第二个值

var name = "全端观察";
var name = "测试没问题:)"
alert(name);  //输出测试没问题:)

数据类型

一共有7个数据类型:字符串、数字、布尔、数组、对象、Null、Undefined

-  Number // '数字' 
-  Sring // '字符串' 
-  Array // '数组'
-  Objecr // '对象' 
-  Boolean // '布尔' 
-  null // 'Null' 
-  undefined// 'undefined'

其中ES6新增数据类型Symbol表示独一无二的值,这个后面会讲解。
我们检测变量,提示它是什么类型?用typeof来提示:

//列1:
var name = "全端观察";
var text = typeof name; //判断是什么类型 赋值到text中
document.write(text);  //输出是string 字符串类型

//列2:
var num = 2020;
var text = typeof num; 
document.write(text);  //Number数字类型

//列3:
var name;  //声明name没有任何值
var text = typeof num;  
document.write(text);  //输出undefined类型

//列4:
var age = 35>20;  
var text = typeof age;  
document.write(text);  //输出Boolean类型

FAQ


1 字符串中,单引号和双引号没有任何区别

var name = '全端观察';
var name = "全端观察";

2 数字中,不需要引号,如果加引号就是字符串类型

var num = 2020;
var num = 2000.00;

发表评论