面向对象编程

面向对象编程

面向过程编程
 => 按步骤解决问题编程的方式
  => 如: 实现购物车数量加一功能
                1. 加按钮绑定事件
                2. 找到点击的商品
                3. 数量加一
                4. 持久化存储数据
                
  面向对象编程思想
        解决问题的一种方式
        现实生活中面向对象解决问题方式
        => 找解决问题的对象，调用其功能，解决问题
        => 如果对象不存在，自己创建对象，封装功能，解决问题
  注: 自己创建对象，封装功能
  

程序问题
           字符串 "javascript-html-css"
           按'-'分割字符串，[javascript,htnml,css]

        面向对象
           let str = "javascript-html-css"
           let arr = str.split('-')

   面向对象
           let str = "javascript-html-css"
           let arr = str.split('-')

面向过程
            function test(){
            let str = "javascript-html-css"
            //1.定义一个数组存储分割字符串
            let arr = []
            //2. 定义一个空字符串用于拼接将要存入数组的字符串
            let line = ''
            

<script>
        function test1() {
            let str = "javascript-html-css"
            let arr = str.split('-')
            console.log(arr);
        }
        function test() {
            let str = "javascript-html-css-"
            //1.定义一个数组存储分割字符串
            let arr = []
            //2. 定义一个空字符串用于拼接将要存入数组的字符串
            let line = ''

            //3.遍历字符串
            for (let i = 0; i < str.length; i++) {
                let chars = str.charAt(i)
                if (chars != '-') {
                    line += chars  //  'javascript'  'html'
                } else {
                    if (line !== '') {
                        arr.push(line)  //[javascript,html]
                        line = ''
                    }
                }
            }
            console.log(arr);
        }

        test1()
    </script>