博客列表 >javascript基础(定义语句,表达方式,输出方式,数据类型,函数匿名函数)2019年10月21日

javascript基础(定义语句,表达方式,输出方式,数据类型,函数匿名函数)2019年10月21日

渊的博客
渊的博客原创
2019年10月22日 11:20:09739浏览

1、javascript输出

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>javascript基础</title>
</head>
<body>

</body>
</html>
<script>
alert('hello javascript');
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

运行效果图

alert.png

2、定义语句

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>javascript基础</title>
</head>
<body>

</body>
</html>
<script>
var age=26;
if(age>18){
    alert('您已成年');
}else{
    alert('您还未成年');
}
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

var.png

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>javascript基础</title>
</head>
<body>

</body>
</html>
<script>
var age=16;
if(age>18){
    alert('您已成年');
}else{
    alert('您还未成年');
}
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

var1.png

 

3、变量的数据类型

demo.html

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>javascript数据类型</title>
    <script src="index.js"></script>
</head>
<body>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

number数据类型

实例

var age=18;
alert(typeof(age));

运行实例 »

点击 "运行实例" 按钮查看在线实例

typeof.png

String 数据类型

实例

var name='php.cn';
alert(typeof(name));

运行实例 »

点击 "运行实例" 按钮查看在线实例

string.png

boolean数据类型

实例

var result=age>26;

alert(typeof(result));

运行实例 »

点击 "运行实例" 按钮查看在线实例

boolean.png

复杂数据类型

实例

var obj=new Object();
alert(typeof(obj));

运行实例 »

点击 "运行实例" 按钮查看在线实例

object.png

复杂数据类型

实例

var arr=[1,2,3,4,5,6,7];
alert(typeof(arr));

运行实例 »

点击 "运行实例" 按钮查看在线实例

object.png

Console.log

实例

var arr=[1,2,3,4,5,6,7];
console.log(arr);

运行实例 »

点击 "运行实例" 按钮查看在线实例

 console.png

Let 输出

实例

let name1="abc";
var name2="def";
console.log(name1);
console.log(name2);

运行实例 »

点击 "运行实例" 按钮查看在线实例

let.png


定义函数

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>javascript数据类型</title>
    <script src="index.js"></script>
</head>
<body>

</body>
</html>
<script>
    // 定义函数
function func(){
 var num1=2019;
 var num2=2020;
 var sum=num1+num2;
 return sum;
}
var res=func();
alert(res);
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

function.png

定义形参函数

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>javascript数据类型</title>
    <script src="index.js"></script>
</head>
<body>

</body>
</html>
<script>
    // 定义函数
function func(num1,num2){
 var sum=num1+num2;
 return sum;
}
var res=func(2018,2019);
alert(res);
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

形参.png

定义匿名函数

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>javascript数据类型</title>
    <script src="index.js"></script>
</head>
<body>

</body>
</html>
<script>
    // 定义函数
function func(num1,num2){
 var sum=num1+num2();
 return sum;
}
var res=func(2018,function(){
return 2019;
});
alert(res);
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

匿名函数.png

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议