# Repetition med mera ``` icon: 🔄 author: krm created: 2020-08-22 image: /image/courses/puzzle.png status: alpha ``` Repetition och fördjupning av javascript. # 1. Kommentarer om JS och dess anvĂ€ndning - 🌐 [Wikipedia](https://en.wikipedia.org/wiki/JavaScript) - 🔗 [För och nackdelar](https://bit.ly/3l3Vz68) - Kort om historia - ECMAscript - Olika versioner - Vad anvĂ€nds js till? - Varför anvĂ€nder vi js? - Js kan anvĂ€ndas till nĂ€sta allt. - Varför javascript? - För det finns över allt. - Enkelt att börja programmera. - Liknande syntax som för andra sprĂ„k. - Finns mĂ„nga tillĂ€mpningar. # 2. Repetition av hela JS sprĂ„ket - 🔗 [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS/blob/1st-ed/README.md) - Bok om hela JS sprĂ„ket - Finns nu i en andra upplaga. - đŸŽ„ [Javascript pĂ„ 12 minuter](https://www.youtube.com/watch?v=Ukg_U3CnJWI) - 🔗 [Kommentar om javascript](https://docs.google.com/document/d/1WB_JOBqiIi5h4OFrP5IuV17vrBS0afURXlURJc7JyRE/edit?usp=sharing) - 📜 [Gamla programmeringsuppgifter](/p) # 3. Datatyper, Numbers och Strings - Vad Ă€r en datatyp - 📜 [Number](/a/programing/js/datatypes/Sections/number.sv.html) - ❓ [FrĂ„gor om Number](/a/programing/js/datatypes/Questions/number.sv.html) - ⚙ [Number](/a/programing/js/datatypes/Examples/number/examples.sv.html) - 📜 [String](/a/programing/js/datatypes/Sections/string.sv.html) - ❓ [FrĂ„gor om String](/a/programing/js/datatypes/Questions/string.sv.html) - ⚙ [String](/a/programing/js/datatypes/Examples/string/examples.sv.html) # 4. Boolean, Symbols och övriga - 📜 [Boolean](/a/programing/js/datatypes/Sections/boolean.sv.html) - ❓ [FrĂ„gor om Boolean](/a/programing/js/datatypes/Questions/boolean.sv.html) - ⚙ [Exempel pĂ„ Boolean](/a/programing/js/datatypes/Examples/boolean/examples.sv.html) - 📜 [Symbols](/a/programing/js/datatypes/Sections/symbol.sv.html) - ❓ [FrĂ„gor om Symbols](/a/programing/js/datatypes/Questions/symbols.sv.html) - 🔗 [Övriga](https://javascript.info/types) undefined, null, bigInt # 5. Objekt och referenser - 📜 [Object](/a/programing/js/datatypes/Sections/object.sv.html) - ❓ [FrĂ„gor om Objekt](/a/programing/js/datatypes/Questions/object.sv.html) - ⚙ [Exempel pĂ„ objekt](/a/programing/js/datatypes/Examples/object/examples.sv.html) # 6. Arrayer - 📜 [Array](/a/programing/js/datatypes/Sections/arrayer.sv.html) - ❓ [FrĂ„gor om arrayer](/a/programing/js/datatypes/Questions/array.sv.html) - ⚙ [Exempel pĂ„ objekt](/a/programing/js/datatypes/Examples/array/examples.sv.html) # 7. Funktioner som vĂ€rde - Funktioner som vĂ€rde - Arrow funktioner - ❓ [FrĂ„gor om funktioner](/a/programing/js/datatypes/Questions/function.sv.html) # 8. Funktionel programmering - Funktionel programmering - Map, filter, reduce och liknande funktioner - ⚙ [Exempel pĂ„ funktioner](/a/programing/js/datatypes/Examples/function/examples.sv.html) # 9. Scope - 🔗 [Bok om scope och liknade](https://github.com/getify/You-Dont-Know-JS/blob/1st-ed/scope%20&%20closures/README.md#you-dont-know-js-scope--closures) - Scope - Lexical scope - 🖋 [Exempel pĂ„ scope](https://flems.io/#0=N4IgtglgJlA2CmIBcBGADGgNCAZhBAzsgNqgB2AhmIkiAHQAWALmLCNgMYD2ZT8vyECAC+mclRr0AVkU48+A2sAA6ZAARqETNRTUBeNWgDcqjSvUbN8bboMAmU5a1qARvrV2TF4Y+5kCXAh0sFwA5gAUFACUXhoA9HF+AUEhES4xqsLsIATwCBxMEDxEtCiodiJiIJTUgnQcBLIgfgpMgiIAusJAA) - 🖋 [Fler exempel pĂ„ scope](https://flems.io/#0=N4IgtglgJlA2CmIBcBGADGgNCAZhBAzsgNqgB2AhmIkiAHQAWALmLCNgMYD2ZT8vyECAC+mclRr0AVkU48+A2sAA6ZAARqETNRTUBeNWgDcqjVrUd9agMwn1alfbPxtugwCZTGzS7UAjK3c7bwsrYy9hVS9uMgIuBDpYLgBzAAoKAEpgtQB6HJi4hKS0vyzonkL4RJTUjjKyYXYQAngEDiYICsEUd1QAWjQkNBExEEpqQToOAlkQGIUmQREAXWEgA) - 🖋 [Exempel med for-satser](https://flems.io/#0=N4IgtglgJlA2CmIBcBGADGgNCAxgewDsBnPBZXU2AQwAcj4oRsAzCBI5AbVAKrESQgAdAAsALmFhMKBMfFnkQAX0w8+A4QCsO2fLPljyeomIAEEUwF5T6NAG4AOgWZ4ATgAoEZi9fsWAPDb25gDUIQCUpsBOpqbGpPBCsHgA5u4Q4Y4ESk7xCEmp6ZnS9Ag4YhCEHIIALKgArMqqILz85EI4RDoycgqCygC6SkA) - 🖋 [Exempel med for-sats och summering](https://flems.io/#0=N4IgtglgJlA2CmIBcBGADGgNCAZhBAzsgNqgB2AhmIkiAHQAWALmLCNgMYD2ZT8vyECAC+mclRr0AVkU48+A2giYACAgFcwKgLwq0AbgA6ZYzi4AnABTKVEHXv12APCvT7bAag8BKFcGMqgUEaWh66EABUAMxGZMLGxtxkBFwIdLBcAOaWId6xAPT5KkkpaRnZEHnsIATwCBxMEDxEtADsqAAcALRoSGgiYiCU1IJ0HASyIEkKTIIiALrCQA) - ❓ [FrĂ„gor om scope](/a/programing/js/functional/Questions/scope.sv.html) - Hoisting - 🖋 [Exempel pĂ„ hosting](https://flems.io/#0=N4IgtglgJlA2CmIBcBGADGgNCAZhBAzsgNqgB2AhmIkiAHQAWALmLCNgMYD2ZT8vyECAC+mclRr0AVkU48+A2ji5cAFAEoA3AB0yunAFcyHJhB4ACZWvXngu8+e5kCXBHVhcA5qu0gG8WA8AQl8tXWF2EAIA+BMzZ0EAFlQAWjQkNBExEEpqQToOAlkQJwUmQREAXWEgA) # 10. Closure - Closurses - 🖋 [Exempel med closurses](https://flems.io/#0=N4IgtglgJlA2CmIBcBGADGgNCAZhBAzsgNqgB2AhmIkiAHQAWALmLCNgMYD2ZT8vyECAC+mclRr0AVkU48+A2sAA6ZAARqETNRTUBeNSgDcqjSvUbN8bboMAmExY1a1AI31qHpyzgCuZDiYIHjUAIS4uAAoASjVzS0sAJ2tfRPVXRwThb2yLF3d7NEy1bjICLgQ6WC4Ac0iKaOLS8srqutdG72aK+CrayPCo6M6yYRExEEpqQToOAlkQUoUmQREAXWEgA) - 🖋 [Skapa nya funktioner frĂ„n en funktion](https://flems.io/#0=N4IgtglgJlA2CmIBcBGADGgNCAZhBAzsgNqgB2AhmIkiAHQAWALmLCNgMYD2ZT8vyECAC+mclRr0AVkU48+A2jgCuZDkwg8ABBRjwAThX3wAFEwqwUASi3AAOmS1bjTZfscq1G7WYsAmG3tHJycXN0dzSwBqSL8AbgcnYQdksgcEJh0YAFYtAF4sqAMjU2yrBLS1HgIuBDpYLgBzE10obJM0K3KHbjIauobm1vaAZi6K3v74eqaWnJMy8vYQAngEdU0+wQBOJD8UETEQSmpBOg4CWRBehSZBEQBdYSA) - 🖋 [Fler exempel](https://flems.io/#0=N4Igxg9gdgzhA2BTEAucD4EMAONEBMQAaEAMwEskZUBtUKTAW2TQDoALAF0fmPSk6IBqECAC+RekxYhWAK2olIAoZxGkArlDCdy0AASZ8+ABSYi+gEYBKfcAA6UffoBOiGBvid9AXkMBqSwBuR2dlOCRWeAgAczN-exAEpMtkn0T-Nw8vaxCnV0RODRcnLM9OPLFHRyNTACYiWpMGuutc6qhNbV0DWrqzWwd8tyKSw2MzIlbHKqga436+5raOrp09J1qADRMAD0HQgtGnNZ6oAbtD52cyr18A3bzr6-CERCjY+IyM3bSM2847XyzxGxVK7nKT30s1mjnC3lqAGZ7tsTIigfN8IizMZsejrB14eN8ABWFHGHYkjEMYwknGkkxU6x8PBIdbQahoOoADhQAEY+eJJCAGMwRKwwDBFPxBMI0OIALpiIA) - ❓ [FrĂ„gor om closurses](/a/programing/js/functional/Questions/closure.sv.html) # 11. This - Kontext utifrĂ„n vad vi kör. - 🖋 [Exempel pĂ„ varför this kan vara bra](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J5YxAAS0JAXgnAAOmgkSMiCQEYKSlQCN1AJiWslSoXFqx8UWgHMAFLQCUptGACuaasQj0Jcdyx7DApdJ3kdCQAnGGJ3KOUMAGpdAG5jV3NLGGs7ewCg2nwQqXwwp0oQOBhYb180BB4NDUQDADY2DhBMHDx8ajgBGnpGZh42AF1WIA) - 🖋 [Enkelt exempel pĂ„ this](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J5YxAAS0JAXgnAAOmgkSMiCQEYKSlQCN1GpayVLa+OAFcssiWAtpqxCPQkAKAJTydEgE4xiFj7KxIQQcPgYANQhYfi6ANxGJg70cLSw+FC0AOautO6JaEpCaRlZuWaWWB4FyWYYNhqFZro2AEyFxanpMJk5eeZWNZ1oZgAOPhAMNnYOTi4eXsolPX25MXC1aMZFo-gTU8Qe8ZQgcDCwjs5oCDwaAJyIGgDsALQPTwDMbBwgmDh4fDUOACGj0RjMHhsAC6rCAA) - ❓ [FrĂ„gor om this](/a/programing/js/objects/Questions/this.sv.html) - ⚙ [Exempel pĂ„ this](/a/programing/js/objects/Examples/this/examples.sv.html) # 12 New - För att skapa ett nyt objekt. - 🖋 [Enkelt exempel pĂ„ new](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J4wAVzTViEegAI4xcQBMRACgCUc4AB00cucUIQ4+AA60IDOHIC8cgAwBuPQaMn8mHHbk6Qfp180Vj09WGIFADcmHzQYAHcFJVUGTRc0PSE4Wlh8KFoAczU4aLQNJ0oQOBhYaVk0BB4AVkQARlaAWhbWgGY2DhAvbgJqOAEaekZmHjYAXVYgA) - 🔗 [Förklaring till new, titta pĂ„ steg 1 och 4](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new) - ❓ [FrĂ„gor om news](/a/programing/js/objects/Questions/new.sv.html) - ⚙ [Exempel pĂ„ new](/a/programing/js/objects/Examples/new/examples.sv.html) # 13. Prototyper - BĂ€ttre klasser. - ❓ [FrĂ„gor om prototyper](/a/programing/js/objects/Questions/prototype.sv.html) - ⚙ [Exempel pĂ„ prototyper](/a/programing/js/objects/Examples/prototype/examples.sv.html) # 14. Asynchron programmering och callbacks - 🖋 [AnvĂ€nda callback med en knapp](https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA87KAAIoDOgHMAvAB1wANwUA+OXVGjhEBkjV058Qc3gNRsLAwBOkePJABXeCQC0ADgWiA9Ps2bBYLBWZAAO8Grw6goOkKJg8MEIClEGkXReXqIAyqZW8KLcJKIQAB5MIdApMPkh3GR8ojKiAAwA3CkkDnQIZLyiAEZO8LwAwgxQUP0MsADWABQAlKLAUfC19fAA1JvtqUjcsA7MfBhSEPAAojDH8ABCAJ4AkkhzCut8YAoLGPV0EFYACQAKgBZAAyjVE73gu0MPDoYG4MAwUG4UleICwEAAVl9dgBfFKCLyBYJhfTqYlY3T6QT9bhIe60rAARhUAOgqIAhFS2ZTBvBhhpRlAyLN7AKhWMJlNZotPCoRqLZqJmDyvJLeMyAEyiMhIezQz4gFTNKna2kahlMyleEQqTiQGA9XhUdDagCsqAA7CB8YR6EwWOgMNiqMR4fx4KxODxcCEKP9WFN+tA-QGQIxmKwMLAwOGuLwozH8QBdfFAA) - 🖋 [AnvĂ€nda callback med en timmer](https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA8AQgAiAeQDCAFQCaABQCiAAnZQAfAB06gtcqgM6AcwC8m8ADdzWusuW6IDJDc3xBzeA2WwsDAE6Q8GYgAK7wJAC0ABzmygD0NnZ2gmCwfmQADvBa8NrmIZDKYPDpCOZ5dNow8MoZ3GR8yibKAAwA3BUkIXQIZLze3N3wkgxQUABGDLAA1gAUAJTKwHnwdQ3wANQbHZXwSNywIcx8GEYQ8Iowx-AAQgCeAJJIs+ZrfGDm8xgNdBB+ABLSACyABkmrV6nwdq4AO4NfYwjCBaRkZiDeCzHhDEZjSYzQjKACMLRJ8x2AF8KnC6AiMLwoNwnOCuj14H06Asltokli+DiJlM5mTtJTKjo4ql0lkbII4lhHM5tIJxtwkHcZVhCep7HKtUrNeoAEoAE+mjGUIQyGWEsoN+oATMoyEhgm94B8QOoWrb7TK4iq1X61OpOJAYL1eFR0ABWVCE+0gcmEehMFjoDAAKyoxB4fAgAnQnB4uAyFD+rEm42gieTIEYzFYGFgYGzXF4-HgrETAF1yUA) - ❓ [FrĂ„gor om callback](/a/programing/js/event/Questions/callback.sv.html) # 15. Promise och async/await - Löften - 🖋 [Lite olika löften](https://flems.io/#0=N4IgtglgJlA2CmIBcB2AHAOgCxYDQgDMIEBnZAbVADsBDMRJEDACwBcxYR8BjAeytbwByECAC+uanQZMAVmR79BwxnyolWAAgDuNCKwhUA5gH1+JogDd4mgLyaq8bZoAKAJ16QS8ABQ+38CS8sNa4mgGy8NysAJR2AHyawAA6VJqa3qwAKhD0vACurH5xtokpaenhgcHWPgCsMQDcqekSmgCMdQAMXU2pYn1Uqbr6hqbmVvCpGKzMQj4E+VTREPw+AA5x5ZWaCFoBJPmwWvbrAFRn680V6QGs+W5pB0es1wPTs-PrCZrJIFk0PaaAAnbiQvxAmgA1JpNh85lQfGogggMLBeEZBlwQN4ECt+GRGGgkHVxJIQLR6CIMNwSAoQGplKwROIALpiIA) - 🖋 [Lite olika löften med async](https://flems.io/#0=N4IgtglgJlA2CmIBcB2AHAOgCxYDQgDMIEBnZAbVADsBDMRJEDACwBcxYR8BjAeytbwByECAC+uanQZMAVmR79BwxjRIBPKtwAEBAK5bWEftrA0IVABQBKbcAA6W-iVbaA7uaNUA5gH1+vkQAbvDaALzaVPBu2gAKAE68kCTwlpbx8CS8sCG42hmy8NystmEAfHaO2toprAAqEPS8eqxppRUOVNXVGVk5qQCs1gDcVdoS2gCMAwAMMyOOYgtUjgiuwaERNB4QrjtefgEbo1Rr+Zl6sK4RGwBUt8eOvZfX2vYgdTRnACfxSG8gbQAanOJBeJz4VD68AwsF43nSFyuyzEjkcZgsNi4IBSCGKxihIhQSEmAGZxJIQLR6CIMNwSAoQJDlKwROIALpiIA) - 🖋 [Flera löften samtidigt](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J5YxAAQAHAE60sEODACMEgLwS0MAO4SACnIVKAFGACuaasQj1jM+LSgA3GBQn3eMKwEoJwADpoEsFKxAAqEDi0ZsSmFlY2aMa+AUHB7g7OMMYA5AASMFBQtDneANyBwewSygAM9eWBrI1olRKB4tKGijAATOqaOvrdJuaW1rb2cI4ubh5exCltEqERUTFx44nJfssZ01m5eRClFWnVvfW1Lc1nwR0wkrLyPQDMA1q6Bi+j8RNJUxmrgynh8uzSK0eaxg0ViYwStiWEP2QKOJRaVTcryuNxaDyeMggDAA8jEBvD-sYACYYYgYbypfzEIQHGD4YoAc2ptPpZ1YZ0CzyMKnwxEITGMsiJxFJizOQp6vVF4qSUpJMRaCqUr2VErVMo1ZUoICUsARaAQPF6AFZEL0ACxsDggTA4PD4ahwAQ0eiMZg8NgAXVYQA) - 🖋 [Flera löften vĂ€nta pĂ„ alla](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J4ABAB00sYmIAOAJ1pYIcGAEYxAXjFoYAdzEAFJSrUAKMAFc01YhHrmF8WlABuMCmOe8YdgJRiwFJioWrEACoQOLRWxJY2dg5o5oHBaKGhznCuHuYA5AASMFBQtPn+ANwhYuxi6gAMTVVSrC1oNVIy8qaqMABM2roGxr0W1rb2jtm5nt4wvgFBNWLhUTFxCZPJqcsZmTPuMAWFEBXV+3X9TQ3tbRehXTCyisp9AMxDeoYmb+OJUxShw8Xh8fmIaRWa2iMFi8QmSUckP2WRcRxO5XaoTq7xud3aTxeCggDAA8nEhgjAeYACYYYgYfzpCTEIQ5WD4MoAc1p9MZF1YF0JPT+MCGvzMMHwGFK5mQr0l6i8Cr6-QoKrU7wAuv4pFINVLiIQmFtESk6QzkSzMqE2a4pdzeQzkA0dULZDa7RzHRaMMh1G69R7Ml6HbQeb7kP1Ax1iPcpJQQGpYGaEDx1IgGmwOCBMDg8PhqHABDR6IxmDw2FrWEA) - ❓ [FrĂ„gor om promise](/a/programing/js/event/Questions/promise.sv.html) # 16. Mer Felsökning - 🔗 [Om felsökning](https://docs.google.com/document/d/1L7zomu2VMDoJRS0t9rBl7qCEWcVXhDlCHjA36Mq56w0/edit?tab=t.0#heading=h.fiekm9b4tjny) # 17. Repetion - FrĂ„gor och reption