[JavaScript知识库] JavaScrip:(数据类型、变量命名规则、函数的定义和调用)

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> JavaScrip:(数据类型、变量命名规则、函数的定义和调用) -> 正文阅读

[JavaScript知识库]JavaScrip:(数据类型、变量命名规则、函数的定义和调用)

javaScript:

js三种导入方式：

行内式：

<input type='button' name='' onclick="alert('ok!');">

内嵌式：

<script type="text/javascript">
        alert('ok');
    </script>

外链式：

<script src='js/scripts.js'></script>

js常见的数据类型“

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        //数字型（整形与字符型）
        var iNum=10
        document.write(iNum)
        document.write('<br>')
        document.write(typeof(iNum))
        document.write('<hr>')
        
        //字符串型 string
        var sStr='1234';
        document.write(sStr)
        document.write('<br>')
        document.write(typeof(sStr))
        document.write('<hr>')
        
        //布尔型 boolean
        var bIsTrue=false;
        document.write(bIsTrue)
        document.write('<br>')
        document.write(typeof(bIsTrue))
        document.write('<hr>')

        //未定义 undefined 
        var unData;
        document.write(unData)
        document.write('<br>')
        document.write(typeof(unData))
        document.write('<hr>')

        //空型 null 表示空对象
        var nullData=null;
        document.write(nullData)
        document.write('<br>')
        document.write(typeof(nullData))
        document.write('<hr>')

        //对象类型 object
        var oObj={
            name:'隔壁老王',
            age:88
        }
        document.write(oObj)
        document.write('<br>')
        document.write(typeof(oObj))
        document.write('<hr>')
    </script>
</body>
</html>

js变量命名规则：

? 1、区分大小写
? 2、第一个字符必须是字母、下划线（_）或者美元符号（$）
? 3、其他字符可以是字母、下划线、美元符或数字

js函数的定义和调用:

定义一个函数：

<script>
	/*
		定义一个fnAlert函数，主要用于实现弹出窗口
		@param1 参数1
		@param2 参数2
		@return 函数执行完毕后的返回值
	*/
	function fnAlert(){
        alert('hello')；
	}
	//调用函数
	fnAlert();
</script>

定义一个带参数的函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        /*
        定义一个fnSum()函数，用于求两个参数的和
        */
       function fnSum(iNum1,iNum2){
           return iNum1+iNum2
           alert('hello');
       }
       //调用有参数的函数
       var sum=fnSum(1,2);
       document.write(sum);
    </script>
</body>
</html>

定义一个全局变量：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        //定义一个全局变量
        var a=12;
        //定义一个函数mualert
        function myalert(){
            a++;
        }
        //调用函数，显示a的值
        myalert();
        //使用开发者工具中的consoel显示变量的值
        console.log(a);
    </script>
</body>
</html>