• JavaScript基础语法

    JavaScript是一种基于对象和事件驱动的脚本语言

    JavaScript特点

            交互、脚本语言、解释性语言

            边执行边解释

    JavaScript的基本结构

    1. <script type="text/javascript">
    2.

    JavaScript的简单应用

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8" />
    5. 		<title>title>
    6.  
    7.  
    8. 		<script>
    9. 			alert('我会弹出啦');
    10. 		script> 
    11. 		
    12.  
    13. 		<script src="./myjs.js">script>
    14. 		
    15. 	head>
    16. 	<body>
    17. 		<button onclick="alert('你点我干什么？')">点我一下button> 
    18. 		
    19. 	body>
    20. 	
    21. html>

    变量

    1. <script>
    2.             //先声明变量再赋值
    3.             var num;
    4.             num = "qwert";
    5. 			document.write(typeof num+"
      "      );
    6.  
    7. 			//声明变量并赋值
    8. 			var num = 10;
    9. 			document.write(typeof num+"
      "      );
    10. 			
    11.             //不声明直接赋值
    12. 			num = "qwert";
    13. 			document.write(typeof num+"
      "      );
    14. script>

     数据类型

    1. //undefined
    2. var age;//变量age没有初始值，将被赋予undefined
    3.  
    4. //null,表示一个空值，与undefined值相等
    5.  
    6. //number
    7. var score=90;      //整数
    8. var score=96.5;   //浮点数
    9.  
    10. //boolean布尔型：true和false
    11.  
    12. //string:被引号（单引号或双引号）括起来的文本
    13. var string1="This is a string";

    运算符

    类型

    运算符

    算术运算符

    +    -   *    /    %    ++    --

    赋值运算符

    =

    比较运算符

    >    <     >=      <=     ==    !=

    逻辑运算符

    &&      ||     !

    if选择结构

    1. if(条件)
    2. {
    3.    //JavaScript语句;
    4. }

    if…else结构 

    1. if(条件)
    2. {
    3.    //JavaScript语句1;
    4. }
    5. else
    6. {
    7.   //JavaScript语句2;
    8. }

    多重if结构

    1. if ( 条件1 ) { 
    2.      // JavaScript语句1  
    3. } 
    4. else  if ( 条件2 ) { 
    5.      // JavaScript语句2 
    6. }
    7. else { 
    8.      // JavaScript语句3 
    9. }

    选择结构之switch语句

    1. switch (表达式)
    2. {         
    3.         case 常量1 : 
    4.  	     javaScript语句1;
    5. 	     break;
    6. 	     ......
    7.  	default : 
    8.               javaScript语句n;
    9.              break ;       
    10. }

    循环结构

    for循环

    1. for (初始部分; 循环条件; 条件迭代) {
    2.       //循环执行的语句
    3. }

    for-in循环

    1. for (变量 in 对象) {
    2.       //循环执行的语句
    3. }
    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			/* 
    10. 			 for-in循环：主要用来输出数组元素或者对象的属性
    11. 			 数组：具有相同类型的多个数据的集合
    12. 			 
    13. 			 */
    14. 			
    15. 			var nums = [25,56,98,46,33,88,73,12];
    16. 			//遍历输出数组nums里的所有元素
    17. 			for(var i =0;ilength;i++){
    18. 				console.log(nums[i]);
    19. 			}
    20. 			
    21. 			console.log("------------------------");
    22. 			
    23. 			//for-in循环：等同于Java中的增强for循环
    24. 			/* 
    25. 			 for-in循环语法结构
    26. 				for(var 变量名 in 数组名){
    27. 					循环操作
    28. 				}
    29. 			 
    30. 			 */
    31. 			for(var i in nums){
    32. 				// 这里的i存储的是数组的下标，跟Java中的增强for循环稍微有点区别，Java中的增强for循环变量存储的是数组或者集合中的元素
    33. 				// console.log(i);
    34. 				console.log(nums[i]);
    35. 			}
    36. 		script>
    37. 	body>
    38. html>

    while循环

    1. //初始部分
    2. while( 循环条件 ) {
    3.      //循环操作
    4.      //迭代部分
    5. }

    do-while循环

    1. do{
    2. 	需要执行的代码
    3. }
    4. while (条件);

    双重循环： 一个循环体内又包含另一个完整的循环结构

    1. while(循环条件1){
    2.      //循环操作1
    3.      while(循环条件2){
    4.           //循环操作2
    5.      }
    6. }
    7.  
    8. for(循环条件1){
    9.      //循环操作1
    10.      for(循环条件2){
    11.           //循环操作2
    12.      }
    13. }

    break语句

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			/* 
    10. 			 break:作用于switch选择结构和循环结构中
    11. 			 作用：遇到break，结束整个switch选择结构或循环结构
    12. 			 */
    13. 			
    14. 			for(var i =1;i<=100;i++){
    15. 				document.write(i+"
      "      );
    16. 				if(i==50){//当i为50的时候结束整个循环后续所有操作
    17. 					break;
    18. 				}
    19. 			}
    20. 			
    21. 		script>
    22. 	body>
    23. html>

    continue语句

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			/* 
    10. 			 continue:只能作用在循环结构中
    11. 			 作用：遇到continue，结束当前循环后面的操作，继续进行迭代，执行下一次循环操作
    12. 			 */
    13. 			
    14. 			for(var i =1;i<=100;i++){
    15. 				if(i%2==0){//判断i，如果是偶数，就退出当前循环后续操作（输出数据），继续指向下一次循环
    16. 					continue;
    17. 				}
    18. 				document.write(i+"
      "      );
    19. 			}
    20. 			
    21. 			
    22. 		script>
    23. 	body>
    24. html>

  • 相关阅读:
    C++面试100问！（三）
    测试行业面临的问题及RunnerGo在工具层面如何解决的
    JVM调优-GC基本原理和调优关键分析
    将项目部署到Windows操作系统中，并且访问该项目
    GPT系列论文解读：GPT-2
    【Unity实战技巧】教你4招计算UI物体的包围盒（Bounds）
    The AFFiNE live demo is here (with 15 reasons from the team why you should try)
    g++ 命令
    Shell三剑客之sed命令详解
    大数据学习：进程管理（2）
  • 原文地址：https://blog.csdn.net/qq_69761234/article/details/126300986